// ========================================================================== // 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: linear-gradient(#fff, @body-background) fixed; } body { padding: 0 (@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); } }