The-Homebrew-Cloud/Zelda64Recomp
2
0
Fork 0
mirror of https://github.com/Mr-Wiseguy/Zelda64Recomp.git synced 2024-11-05 22:35:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed typography sizing and related spacing

Browse Source
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 {
background-color: color.scale($color-primary-d, $lightness: -10%);
color: $color-error-d;
color: color.scale($color-text, $lightness: 20%);
}
&__label {

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

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

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

@ -15,6 +15,7 @@
.tab {
@extend %nav-all;
@extend %label-md;
display: block;
position: relative;
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 {
font-size: 64dp;
@include set-font-sizing(64, 0.07);
font-style: normal;
font-weight: 700;
letter-spacing: 4.48dp;
line-height: 64dp;
}
%header-2 {
font-size: 48dp;
@include set-font-sizing(48, 0.07);
font-style: normal;
font-weight: 700;
letter-spacing: 3.36dp;
line-height: 48dp;
}
%header-3 {
font-size: 32dp;
@include set-font-sizing(32, 0.07);
font-style: normal;
font-weight: 700;
letter-spacing: 2.24dp;
line-height: 32dp;
}
%label-lg {
font-size: 32dp;
@include set-font-sizing(32, 0.11);
font-style: normal;
font-weight: 700;
letter-spacing: 3.52dp;
line-height: 32dp;
}
%label-md {
font-size: 24dp;
@include set-font-sizing(24, 0.11);
font-style: normal;
font-weight: 700;
letter-spacing: 2.2dp;
line-height: 24dp;
}
%label-sm {
font-size: 16dp;
@include set-font-sizing(16, 0.14);
font-style: normal;
font-weight: 700;
letter-spacing: 1.32dp;
line-height: 16dp;
text-transform: uppercase;
}
%body {
font-size: 16dp;
@include set-font-sizing(16, 0.0);
font-style: normal;
font-weight: 400;
letter-spacing: 1.32dp;
line-height: 16dp;
}