mirror of
https://github.com/thegeeklab/hugo-geekblog.git
synced 2024-11-29 00:00:36 +00:00
chore: normalize sass default vars
This commit is contained in:
parent
0317ea13ce
commit
43c4b6bc7b
@ -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
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user