systemausfall.org/hugo-theme-hilfe
5
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

chore: normalize font-size vars (#134)

Browse source
This commit is contained in:
Robert Kaussow 2021-05-21 13:31:19 +02:00 committed by GitHub
parent 649e3cf752
commit cc10b9d80a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/sass/_base.scss
View file

@ -178,13 +178,13 @@ img {
} }
.icon { .icon {
width: $font-size-16 * 2; width: $font-size-32;
height: $font-size-16 * 2; height: $font-size-32;
} }
} }
.gdoc-brand { .gdoc-brand {
font-size: $font-size-16 * 2; font-size: $font-size-32;
&__img { &__img {
margin-right: $padding-16; margin-right: $padding-16;
@ -560,8 +560,8 @@ img {
max-width: 45em; max-width: 45em;
.icon { .icon {
width: $font-size-16 * 8; width: $font-size-128;
height: $font-size-16 * 8; height: $font-size-128;
color: var(--body-font-color); color: var(--body-font-color);
} }
@ -579,7 +579,7 @@ img {
} }
&__title { &__title {
font-size: $font-size-16 * 4; font-size: $font-size-64;
} }
&__code { &__code {

4
src/sass/_defaults.scss
View file

@ -9,7 +9,11 @@ $font-size-base: 16px !default;
$font-size-12: 0.75rem !default; $font-size-12: 0.75rem !default;
$font-size-14: 0.875rem !default; $font-size-14: 0.875rem !default;
$font-size-16: 1rem !default; $font-size-16: 1rem !default;
$font-size-24: 1.5rem !default;
$font-size-32: 2rem !default; $font-size-32: 2rem !default;
$font-size-64: 4rem !default;
$font-size-96: 6rem !default;
$font-size-128: 8rem !default;
$border-1: 1px !default; $border-1: 1px !default;
$border-2: 1.5px !default; $border-2: 1.5px !default;

12
src/sass/_mobile.scss
View file

@ -10,13 +10,13 @@
.gdoc-header { .gdoc-header {
.icon { .icon {
width: $font-size-16 * 1.5; width: $font-size-24;
height: $font-size-16 * 1.5; height: $font-size-24;
} }
} }
.gdoc-brand { .gdoc-brand {
font-size: $font-size-16 * 1.5; font-size: $font-size-24;
&__img { &__img {
display: none; display: none;
@ -27,8 +27,8 @@
padding: $padding-16 * 6 $padding-16; padding: $padding-16 * 6 $padding-16;
.icon { .icon {
width: $font-size-16 * 6; width: $font-size-96;
height: $font-size-16 * 6; height: $font-size-96;
} }
&__message { &__message {
@ -40,7 +40,7 @@
} }
&__title { &__title {
font-size: $font-size-16 * 2; font-size: $font-size-32;
} }
} }