Mirrors
/
Zelda64Recomp
mirror of https://github.com/Mr-Wiseguy/Zelda64Recomp.git
0
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed typography sizing and related spacing

This commit is contained in:
thecozies 2024-01-07 16:11:17 -06:00
parent 34b325b8ae
commit 1d16efc3f0
5 changed files with 17 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/recomp.rcss
View File

File diff suppressed because one or more lines are too long

2
assets/scss/styles/components/Button.scss
View File

@ -26,7 +26,7 @@
&:active { &:active {
background-color: color.scale($color-primary-d, $lightness: -10%); background-color: color.scale($color-primary-d, $lightness: -10%);
color: $color-error-d; color: color.scale($color-text, $lightness: 20%);
} }
&__label { &__label {

2
assets/scss/styles/components/Config.scss
View File

@ -66,7 +66,7 @@
.config-option__tab-label { .config-option__tab-label {
@extend %label-sm; @extend %label-sm;
display: block; display: block;
padding: 8dp 0; padding: 12dp 0;
margin: 0 12dp; margin: 0 12dp;
margin-right: 16dp; margin-right: 16dp;
color: $color-text-inactive; color: $color-text-inactive;

1
assets/scss/styles/components/Tabs.scss
View File

@ -15,6 +15,7 @@
.tab { .tab {
@extend %nav-all; @extend %nav-all;
@extend %label-md;
display: block; display: block;
position: relative; position: relative;
padding: space(20) space(24); padding: space(20) space(24);

34
assets/scss/styles/mixins/_typography.scss
View File

@ -1,57 +1,49 @@
@mixin set-font-sizing($sz, $spacing) {
font-size: space($sz);
letter-spacing: space($sz * $spacing);
line-height: space($sz);
}
%header-1 { %header-1 {
font-size: 64dp; @include set-font-sizing(64, 0.07);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 4.48dp;
line-height: 64dp;
} }
%header-2 { %header-2 {
font-size: 48dp; @include set-font-sizing(48, 0.07);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 3.36dp;
line-height: 48dp;
} }
%header-3 { %header-3 {
font-size: 32dp; @include set-font-sizing(32, 0.07);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 2.24dp;
line-height: 32dp;
} }
%label-lg { %label-lg {
font-size: 32dp; @include set-font-sizing(32, 0.11);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 3.52dp;
line-height: 32dp;
} }
%label-md { %label-md {
font-size: 24dp; @include set-font-sizing(24, 0.11);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 2.2dp;
line-height: 24dp;
} }
%label-sm { %label-sm {
font-size: 16dp; @include set-font-sizing(16, 0.14);
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
letter-spacing: 1.32dp;
line-height: 16dp;
text-transform: uppercase; text-transform: uppercase;
} }
%body { %body {
font-size: 16dp; @include set-font-sizing(16, 0.0);
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
letter-spacing: 1.32dp;
line-height: 16dp;
} }