mirror of
https://github.com/Mr-Wiseguy/Zelda64Recomp.git
synced 2024-11-09 15:55:06 +01:00
fixed typography sizing and related spacing
This commit is contained in:
parent
34b325b8ae
commit
1d16efc3f0
File diff suppressed because one or more lines are too long
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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);
|
||||||
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user