Add font-weight variables
This commit is contained in:
parent
615b167531
commit
abd9c7bf86
5 changed files with 13 additions and 8 deletions
|
|
@ -7,4 +7,9 @@ $grey-80: #E9E9E9;
|
||||||
$grey-90: #F6F6F6;
|
$grey-90: #F6F6F6;
|
||||||
|
|
||||||
$blue: #61B3FF;
|
$blue: #61B3FF;
|
||||||
$red: #FF6161;
|
$red: #FF6161;
|
||||||
|
|
||||||
|
// Font weight
|
||||||
|
$normal: 400;
|
||||||
|
$medium: 500;
|
||||||
|
$bold: 600;
|
||||||
|
|
@ -30,7 +30,7 @@ h1, h2, h3, p {
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2.1rem;
|
font-size: 2.1rem;
|
||||||
font-weight: 500;
|
font-weight: $medium;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
.Button {
|
button {
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: none;
|
font-weight: $medium;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Button {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
font-weight: 600;
|
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
.MenuItem {
|
.MenuItem {
|
||||||
color: $grey-10;
|
color: $grey-10;
|
||||||
font-weight: 500;
|
font-weight: $medium;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
color: $grey-10;
|
color: $grey-10;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
font-weight: 500;
|
font-weight: $medium;
|
||||||
min-width: 100px;
|
min-width: 100px;
|
||||||
|
|
||||||
&:hover label {
|
&:hover label {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue