jonny
/
Signal-Desktop
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update font values per Design's recommendations

This commit is contained in:
Evan Hahn 2021-03-08 11:58:59 -06:00 committed by Josh Perez
parent 1ad01c7d36
commit a2071d9fa6
2 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
stylesheets/_mixins.scss
View File

@ -5,7 +5,7 @@
@mixin font-title-1 {
font-family: $inter;
font-weight: bolder;
font-weight: 700;
font-size: 28px;
line-height: 34px;
letter-spacing: -0.56px;
@ -13,7 +13,7 @@
@mixin font-title-2 {
font-family: $inter;
font-weight: bolder;
font-weight: 700;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.34px;
@ -21,13 +21,13 @@
@mixin font-body-1 {
font-family: $inter;
font-size: 15px;
line-height: 21px;
letter-spacing: -0.14px;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.08px;
}
@mixin font-body-1-bold {
@include font-body-1;
font-weight: bold;
font-weight: 600;
}
@mixin font-body-1-italic {
@include font-body-1;
@ -35,19 +35,19 @@
}
@mixin font-body-1-bold-italic {
@include font-body-1;
font-weight: bold;
font-weight: 600;
font-style: italic;
}
@mixin font-body-2 {
font-family: $inter;
font-size: 13px;
line-height: 18px;
letter-spacing: -0.03px;
font-size: 12px;
line-height: 16px;
letter-spacing: 0;
}
@mixin font-body-2-bold {
@include font-body-2;
font-weight: bold;
font-weight: 600;
}
@mixin font-body-2-italic {
@include font-body-2;
@ -55,30 +55,30 @@
}
@mixin font-body-2-bold-italic {
@include font-body-2;
font-weight: bold;
font-weight: 600;
font-style: italic;
}
@mixin font-subtitle {
font-family: $inter;
font-size: 12px;
line-height: 16px;
letter-spacing: 0px;
font-size: 11px;
line-height: 14px;
letter-spacing: 0.06px;
}
@mixin font-caption {
font-family: $inter;
font-size: 11px;
line-height: 16px;
letter-spacing: 0.06px;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.1px;
}
@mixin font-caption-bold {
@include font-caption;
font-weight: bold;
font-weight: 600;
}
@mixin font-caption-bold-italic {
@include font-caption;
font-weight: bold;
font-weight: 600;
font-style: italic;
}

4
stylesheets/_modules.scss
View File

@ -9859,10 +9859,10 @@ button.module-image__border-overlay:focus {
}
.module-avatar-popup__profile__name {
@include font-body-2-bold;
@include font-body-1-bold;
}
.module-avatar-popup__profile__number {
@include font-caption;
@include font-subtitle;
@include light-theme {
color: $color-gray-60;