diff --git a/src/themes/default/collections/grid.variables b/src/themes/default/collections/grid.variables index 8273d2c50..7fd2b5f8e 100644 --- a/src/themes/default/collections/grid.variables +++ b/src/themes/default/collections/grid.variables @@ -22,35 +22,12 @@ @tableWidth: ~"calc(100% + "@gutterWidth~")"; @columnMaxImageWidth: 100%; +@consecutiveGridDistance: (@rowSpacing / 2); + /******************************* Variations *******************************/ -/*-------------- - Page ----------------*/ - -/* Column Gutters */ -@mobileWidth: auto; -@mobileMargin: 0em; -@mobileGutter: 0em; - -@tabletWidth: auto; -@tabletMargin: 0em; -@tabletGutter: 2em; - -@computerWidth: auto; -@computerMargin: 0em; -@computerGutter: 3%; - -@largeMonitorWidth: auto; -@largeMonitorMargin: 0em; -@largeMonitorGutter: 15%; - -@widescreenMonitorWidth: auto; -@widescreenMargin: 0em; -@widescreenMonitorGutter: 23%; - /*-------------- Relaxed ---------------*/ @@ -76,8 +53,8 @@ @celledWidth: 1px; @celledBorderColor: @solidBorderColor; -@celledPadding: 0.75em; -@celledRelaxedPadding: 1em; +@celledPadding: 1em; +@celledRelaxedPadding: 1.5em; @celledVeryRelaxedPadding: 2em; /*-------------- @@ -89,3 +66,33 @@ @stackableMobileBorder: 1px solid @borderColor; @stackableInvertedMobileBorder: 1px solid @whiteBorderColor; + +/******************************* + Legacy +*******************************/ + +/*-------------- + Page +---------------*/ + +/* Legacy (DO NOT USE) + */ +@mobileWidth: auto; +@mobileMargin: 0em; +@mobileGutter: 0em; + +@tabletWidth: auto; +@tabletMargin: 0em; +@tabletGutter: 2em; + +@computerWidth: auto; +@computerMargin: 0em; +@computerGutter: 3%; + +@largeMonitorWidth: auto; +@largeMonitorMargin: 0em; +@largeMonitorGutter: 15%; + +@widescreenMonitorWidth: auto; +@widescreenMargin: 0em; +@widescreenMonitorGutter: 23%; \ No newline at end of file