diff options
Diffstat (limited to 'demo/src/less/components/base.less')
| -rw-r--r-- | demo/src/less/components/base.less | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/demo/src/less/components/base.less b/demo/src/less/components/base.less new file mode 100644 index 00000000..c584b57e --- /dev/null +++ b/demo/src/less/components/base.less @@ -0,0 +1,47 @@ +// ========================================================================== +// Base layout +// ========================================================================== + +// BORDER-BOX ALL THE THINGS! +// http://paulirish.com/2012/box-sizing-border-box-ftw/ +*, *::after, *::before { + box-sizing: border-box; +} + +// Hidden +[hidden] { + display: none; +} + +// Base +html { + height: 100%; + background: @body-background fixed; +} +body { + margin: 0; + padding: (@padding-base / 2); +} + +// Header +header { + padding: @padding-base; + margin-bottom: @padding-base; + + p { + .font-size(18); + } + @media (min-width: @screen-sm) { + padding-top: (@padding-base * 3); + padding-bottom: (@padding-base * 3); + } +} + +// Sections +section { + padding-bottom: @padding-base; + + @media (min-width: @screen-sm) { + padding-bottom: (@padding-base * 2); + } +}
\ No newline at end of file |