diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-11-24 15:10:43 +0100 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2018-11-24 15:10:43 +0100 |
| commit | 7798a5cc7c1d636008f000937e3d096f01dbbde5 (patch) | |
| tree | 81c9d2d0fa10105e0813fe2cbaf41d96e9fb6681 /assets/_variables.scss | |
| parent | f5736e077a7d50c05c9ca58ef307e4da4e63e6d5 (diff) | |
Refactor scss styles
Diffstat (limited to 'assets/_variables.scss')
| -rw-r--r-- | assets/_variables.scss | 25 |
1 files changed, 14 insertions, 11 deletions
diff --git a/assets/_variables.scss b/assets/_variables.scss index ced71e2..1890e35 100644 --- a/assets/_variables.scss +++ b/assets/_variables.scss @@ -1,15 +1,15 @@ $padding-1: 1px; -$padding-4: .25rem; -$padding-8: .5rem; +$padding-4: 0.25rem; +$padding-8: 0.5rem; $padding-16: 1rem; $font-size-base: 16px; -$font-size-12: .75rem; -$font-size-14: .875rem; +$font-size-12: 0.75rem; +$font-size-14: 0.875rem; $font-size-16: 1rem; // Grayscale -$white: #ffffff; +$white: #ffffff; $gray-100: #f8f9fa; $gray-200: #e9ecef; $gray-300: #dee2e6; @@ -19,7 +19,7 @@ $gray-600: #868e96; $gray-700: #495057; $gray-800: #343a40; $gray-900: #212529; -$black: #000; +$black: #000; $color-link: #004ed0; $color-visited-link: #8440f1; @@ -29,12 +29,15 @@ $body-font-color: $gray-800; $body-font-weight: 400; $body-min-width: 25rem; -$nav-background: $body-background; //$gray-100; +$nav-background: $body-background; $nav-link-color: $gray-800; $header-height: 3.5rem; -$nav-menu-width: 18rem; -$toc-menu-width: 14rem; +$menu-width: 18rem; +$toc-width: 14rem; -$content-max-width: 80rem; -$content-min-width: $body-min-width; +$container-min-width: $body-min-width; +$container-max-width: 80rem; + +$sm-breakpoint: $menu-width + $body-min-width; +$md-breakpoint: $sm-breakpoint + $toc-width;
\ No newline at end of file |