diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-03-25 19:32:02 +0100 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-03-25 19:32:02 +0100 |
| commit | 92c63a39e6cca40b831a9c9acf208515ebcd79a6 (patch) | |
| tree | 20679c8bffb5504f90191989041e52bb6e5da492 | |
| parent | fdc6fdd2de1bcb5a891fd3e76c7d4cacb596ee09 (diff) | |
#27, Set minimum page width to 320px for smaller devices
| -rw-r--r-- | assets/_utils.scss | 2 | ||||
| -rw-r--r-- | assets/_variables.scss | 15 | ||||
| -rw-r--r-- | assets/book.scss | 1 |
3 files changed, 7 insertions, 11 deletions
diff --git a/assets/_utils.scss b/assets/_utils.scss index dcf343c..4ee35ca 100644 --- a/assets/_utils.scss +++ b/assets/_utils.scss @@ -44,7 +44,7 @@ @mixin dark-links { a { - color: $nav-link-color; + color: $color-dark-link; } a.active { diff --git a/assets/_variables.scss b/assets/_variables.scss index 1890e35..19d69b9 100644 --- a/assets/_variables.scss +++ b/assets/_variables.scss @@ -23,21 +23,18 @@ $black: #000; $color-link: #004ed0; $color-visited-link: #8440f1; +$color-dark-link: $gray-800; $body-background: white; $body-font-color: $gray-800; $body-font-weight: 400; -$body-min-width: 25rem; -$nav-background: $body-background; -$nav-link-color: $gray-800; +$body-min-width: 20rem; +$container-max-width: 80rem; $header-height: 3.5rem; -$menu-width: 18rem; +$menu-width: 16rem; $toc-width: 14rem; -$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 +$sm-breakpoint: $menu-width + $body-min-width + 5; +$md-breakpoint: $sm-breakpoint + $toc-width; diff --git a/assets/book.scss b/assets/book.scss index 01443f4..b1b0892 100644 --- a/assets/book.scss +++ b/assets/book.scss @@ -84,7 +84,6 @@ ul.pagination { } .container { - min-width: $container-min-width; max-width: $container-max-width; margin: 0 auto; } |