github
/
hugo-geekblog
mirror of https://github.com/thegeeklab/hugo-geekblog.git
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore: normalize sass default vars

This commit is contained in:
Robert Kaussow 2021-02-21 14:48:07 +01:00
parent 0317ea13ce
commit 43c4b6bc7b
Signed by: xoxys
GPG Key ID: 65362AE74AF98B61
3 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/sass/_defaults.scss
View File

@ -1,5 +1,5 @@
// Used in layout // Used in layout
$padding-1: 1px !default; $padding-2: 0.125rem !default;
$padding-4: 0.25rem !default; $padding-4: 0.25rem !default;
$padding-8: 0.5rem !default; $padding-8: 0.5rem !default;
$padding-16: 1rem !default; $padding-16: 1rem !default;
@ -11,6 +11,9 @@ $font-size-14: 0.875rem !default;
$font-size-16: 1rem !default; $font-size-16: 1rem !default;
$font-size-32: 2rem !default; $font-size-32: 2rem !default;
$border-2: 0.125rem !default;
$border-4: 0.25rem !default;
$border-radius: 0.15rem !default; $border-radius: 0.15rem !default;
// Grayscale // Grayscale

6
src/sass/_markdown.scss
View File

@ -29,7 +29,7 @@
margin: $padding-16 0; margin: $padding-16 0;
padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp padding: $padding-8 $padding-16 $padding-8 ($padding-16 - $padding-4); //to keep total left space 16dp
border-left: $padding-4 solid $gray-200; border-left: $border-4 solid $gray-200;
border-radius: $border-radius; border-radius: $border-radius;
:first-child { :first-child {
@ -60,7 +60,7 @@
} }
tr { tr {
border-bottom: $padding-1 solid $gray-200; border-bottom: $border-2 solid $gray-200;
} }
tr:nth-child(2n) { tr:nth-child(2n) {
@ -69,7 +69,7 @@
} }
hr { hr {
height: $padding-1; height: $padding-2:
border: none; border: none;
background: $gray-200; background: $gray-200;
} }

12
src/sass/_shortcodes.scss
View File

@ -3,7 +3,7 @@
margin-top: $padding-16; margin-top: $padding-16;
margin-bottom: $padding-16; margin-bottom: $padding-16;
border: $padding-1 solid $gray-200; border: $border-2 solid $gray-200;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
@ -33,7 +33,7 @@
margin-top: $padding-16; margin-top: $padding-16;
margin-bottom: $padding-16; margin-bottom: $padding-16;
border: $padding-1 solid $gray-200; border: $border-2 solid $gray-200;
border-radius: $border-radius; border-radius: $border-radius;
overflow: hidden; overflow: hidden;
@ -44,20 +44,20 @@
&__label { &__label {
display: inline-block; display: inline-block;
padding: $padding-8 $padding-16; padding: $padding-8 $padding-16;
border-bottom: $padding-1 transparent; border-bottom: $border-2 transparent;
cursor: pointer; cursor: pointer;
} }
&__content { &__content {
order: 999; //Move content blocks to the end order: 999; //Move content blocks to the end
width: 100%; width: 100%;
border-top: $padding-1 solid $gray-100; border-top: $border-2 solid $gray-100;
padding: $padding-16; padding: $padding-16;
display: none; display: none;
} }
&__control:checked + &__label { &__control:checked + &__label {
border-bottom: $padding-1 solid $color-link; border-bottom: $border-2 solid $color-link;
} }
&__control:checked + &__label + &__content { &__control:checked + &__label + &__content {
display: block; display: block;
@ -84,7 +84,7 @@
.gblog-button { .gblog-button {
display: inline-block; display: inline-block;
color: $gray-700; color: $gray-700;
border: $padding-1 solid $gray-500; border: $border-2 solid $gray-500;
border-radius: $border-radius; border-radius: $border-radius;
margin: $padding-8 0; margin: $padding-8 0;
cursor: pointer; cursor: pointer;