mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Update font values per Design's recommendations

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

4
stylesheets/_modules.scss
View file

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