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 <[email protected]> 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;
