Add font-weight variables

This commit is contained in:
Justin Edmund 2020-10-26 01:44:59 -07:00
parent 615b167531
commit abd9c7bf86
5 changed files with 13 additions and 8 deletions

View file

@ -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;

View file

@ -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;
} }

View file

@ -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;

View file

@ -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 {

View file

@ -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 {