diff options
| author | Jonas Smedegaard <dr@jones.dk> | 2016-03-04 19:04:03 +0100 |
|---|---|---|
| committer | Jonas Smedegaard <dr@jones.dk> | 2016-03-04 19:04:09 +0100 |
| commit | 1bda8cdad4365f84d247ba5e9173f53efc654b44 (patch) | |
| tree | 37170d29914f23d536b5214252945f79ff8e3f3b /partials | |
| parent | 1b87af3ea722740c342207f7ccefab49b77b871d (diff) | |
Formalize use of Layout Gala structure.
Diffstat (limited to 'partials')
| -rw-r--r-- | partials/_base.scss | 21 |
1 files changed, 21 insertions, 0 deletions
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% |