diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss index 1394d25..64d01a1 100644 --- a/src/sass/_defaults.scss +++ b/src/sass/_defaults.scss @@ -1,5 +1,5 @@ // Used in layout -$padding-1: 1px !default; +$padding-2: 0.125rem !default; $padding-4: 0.25rem !default; $padding-8: 0.5rem !default; $padding-16: 1rem !default; @@ -11,6 +11,9 @@ $font-size-14: 0.875rem !default; $font-size-16: 1rem !default; $font-size-32: 2rem !default; +$border-2: 0.125rem !default; +$border-4: 0.25rem !default; + $border-radius: 0.15rem !default; // Grayscale diff --git a/src/sass/_markdown.scss b/src/sass/_markdown.scss index 245a7b7..81c1150 100644 --- a/src/sass/_markdown.scss +++ b/src/sass/_markdown.scss @@ -29,7 +29,7 @@ margin: $padding-16 0; 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; :first-child { @@ -60,7 +60,7 @@ } tr { - border-bottom: $padding-1 solid $gray-200; + border-bottom: $border-2 solid $gray-200; } tr:nth-child(2n) { @@ -69,7 +69,7 @@ } hr { - height: $padding-1; + height: $padding-2: border: none; background: $gray-200; } diff --git a/src/sass/_shortcodes.scss b/src/sass/_shortcodes.scss index c3066e5..2a38df9 100644 --- a/src/sass/_shortcodes.scss +++ b/src/sass/_shortcodes.scss @@ -3,7 +3,7 @@ margin-top: $padding-16; margin-bottom: $padding-16; - border: $padding-1 solid $gray-200; + border: $border-2 solid $gray-200; border-radius: $border-radius; overflow: hidden; @@ -33,7 +33,7 @@ margin-top: $padding-16; margin-bottom: $padding-16; - border: $padding-1 solid $gray-200; + border: $border-2 solid $gray-200; border-radius: $border-radius; overflow: hidden; @@ -44,20 +44,20 @@ &__label { display: inline-block; padding: $padding-8 $padding-16; - border-bottom: $padding-1 transparent; + border-bottom: $border-2 transparent; cursor: pointer; } &__content { order: 999; //Move content blocks to the end width: 100%; - border-top: $padding-1 solid $gray-100; + border-top: $border-2 solid $gray-100; padding: $padding-16; display: none; } &__control:checked + &__label { - border-bottom: $padding-1 solid $color-link; + border-bottom: $border-2 solid $color-link; } &__control:checked + &__label + &__content { display: block; @@ -84,7 +84,7 @@ .gblog-button { display: inline-block; color: $gray-700; - border: $padding-1 solid $gray-500; + border: $border-2 solid $gray-500; border-radius: $border-radius; margin: $padding-8 0; cursor: pointer;