From 92c63a39e6cca40b831a9c9acf208515ebcd79a6 Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Mon, 25 Mar 2019 19:32:02 +0100
Subject: #27, Set minimum page width to 320px for smaller devices

---
 assets/_utils.scss     |  2 +-
 assets/_variables.scss | 15 ++++++---------
 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;
 }
-- 
cgit v1.2.3