From 1bda8cdad4365f84d247ba5e9173f53efc654b44 Mon Sep 17 00:00:00 2001 From: Jonas Smedegaard Date: Fri, 4 Mar 2016 19:04:03 +0100 Subject: Formalize use of Layout Gala structure. --- partials/_base.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) (limited to 'partials') diff --git a/partials/_base.scss b/partials/_base.scss index 6302f0a..e2bbd9c 100644 --- a/partials/_base.scss +++ b/partials/_base.scss @@ -8,3 +8,24 @@ $baseLineHeight: ($baseFontSize * 2); // // No styleguide reference. @import "base-h5bp"; + +// Structure +// +// Layout Gala: https://web.archive.org/web/20071025014516/http://blog.html.it/layoutgala/LayoutGala01.html +$blockLeft-width: 16%; +$blockLeft-marginLeft: 2%; +$blockLeft-marginRight: 0%; +$blockLeft-marginBoth: ($blockLeft-marginLeft + $blockLeft-marginRight); +$blockLeft-paddingAny: 1%; +$blockLeft-paddingBoth: (2 * $blockLeft-paddingAny); +$blockLeft-fullwidth: ($blockLeft-width + $blockLeft-marginBoth + $blockLeft-paddingBoth); // 20% +$blockMid-marginLeft: 2%; +$blockMid-marginRight: 2%; +$blockMid-marginBoth: ($blockMid-marginLeft + $blockMid-marginRight); +$blockRight-width: 16%; +$blockRight-marginLeft: 0%; +$blockRight-marginRight: 2%; +$blockRight-marginBoth: ($blockRight-marginLeft + $blockRight-marginRight); +$blockRight-paddingAny: 1%; +$blockRight-paddingBoth: (2 * $blockRight-paddingAny); +$blockRight-fullwidth: ($blockRight-width + $blockRight-marginBoth + $blockRight-paddingBoth); // 20% -- cgit v1.2.3