Responsive layout refinements
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;