diff options
| -rw-r--r-- | test.scss | 73 |
1 files changed, 14 insertions, 59 deletions
@@ -1,79 +1,34 @@ @import 'h5bp/helpers'; @import 'compass/css3'; +@import "partials/base"; #content { - width: 96%; - max-width: none; - margin: 2%; +// width: (100% - $blockMid-marginBoth - $blockLeft-fullwidth - $blockRight-fullwidth); +// margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth); +// padding: 0; } -.inlinepage { - position: relative; -//set to make inline header position work - border: 0; - padding: 0; - margin: 0 0 1em 0; - background-color: transparent; - height: 15em; - overflow: hidden; +.sidebar { +// float: left; +// width: $blockLeft-width; +// padding: $blockLeft-paddingAny; +// margin-left: -(100% - $blockLeft-marginLeft); } -//set to annull style.css -.inlinecontent { - margin-top: 0; -} - -.inlineheader { - display: block; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - a { - font-weight: normal; - color: white; - background-color: #6699cc; - display: block; - padding: 0.5em; - opacity: 0.8; - } -} - - -.inlinecontent p { - margin-bottom: 0; - margin-top: 0; -} - -.inlinefooter, -.inlineheader .author, -.sidebar, .farbar { - @include h5bp-hidden; +// float: left; +// width: $blockRight-width; +// margin-left: -($blockRight-fullwidth - $blockRight-marginLeft); +// padding: $blockRight-paddingAny; } + //Responsive design @media screen and (max-width: 480px) { -#content { - width: 100%; - margin: 0; -} -.columns { - @include column-count(1); -} -.inlinepage { - margin: 0; -} } @media screen and (min-width: 480px) and (max-width: 700px) { -.columns { - @include column-count(2); -} } @media screen and (min-width: 701px) { -.columns { - @include column-count(3); -} } |