[freemarker-docgen] 03/04: Responsive layout refinements

[dd...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

ddekany pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/freemarker-docgen.git

commit 17d75276bb93002a30e85d889eb8e807c3a20627
Author: ddekany <dd...@apache.org>
AuthorDate: Sat Aug 1 15:51:25 2020 +0200

    Responsive layout refinements
---
 .../org/freemarker/docgen/core/less/lib/utilities.less        | 11 ++---------
 .../org/freemarker/docgen/core/less/lib/variables.less        | 10 ++++------
 2 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/utilities.less b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/utilities.less
index cdd9092..84fa9f4 100644
--- a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/utilities.less
+++ b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/utilities.less
@@ -18,24 +18,17 @@
  */
 // determines the max-width of the site at various resolutions
 .site-width {
-  margin-left: auto;
-  margin-right: auto;
-
   padding-left: @gutter-width / 4 * 3; // 18px
   padding-right: @gutter-width / 4 * 3;
 
   @media (min-width: @screen-sm-min) {
     padding-left: @gutter-width;
     padding-right: @gutter-width;
-
-    width: @container-sm;
-  }
-
-  @media (min-width: @screen-md-min) {
-    width: @container-md;
   }
 
   @media (min-width: @screen-lg-min) {
+    margin-left: auto;
+    margin-right: auto;
     width: @container-lg;
   }
 }
diff --git a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/variables.less b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/variables.less
index ee15507..7f734d5 100644
--- a/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/variables.less
+++ b/freemarker-docgen-core/src/main/resources-gulp/org/freemarker/docgen/core/less/lib/variables.less
@@ -45,9 +45,9 @@
 @gutter-width: 24px;
 
 // breakpoints
-@screen-xs-min:  568px;
-@screen-sm-min:  768px;
-@screen-md-min:  992px;
+@screen-xs-min:  750px;
+@screen-sm-min:  950px;
+@screen-md-min:  1000px;
 @screen-lg-min:  1200px;
 
 @screen-base-max: (@screen-xs-min - 1);
@@ -55,9 +55,7 @@
 @screen-sm-max:   (@screen-md-min - 1);
 @screen-md-max:   (@screen-lg-min - 1);
 
-// container widths
-@container-sm:  @screen-sm-min - (@gutter-width * 2) - 20px; // subtract for scrollbar
-@container-md:  @screen-md-min - (@gutter-width * 2) - 20px; // subtract for scrollbar
+// Limit max container width because of wide screens
 @container-lg:  @screen-lg-min - (@gutter-width * 2) - 20px; // subtract for scrollbar
 
 @hamburger-icon-height: 30px;