blob: 750de916e022dd243e60447187b7a50d21e0e885 (
plain)
- @import 'h5bp/helpers';
- @import 'compass/css3';
- @import "partials/base";
- #content {
- width: 96%;
- max-width: none;
- }
- #content img.solo {
- width: 100%;
- }
- .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;
- }
- //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;
- }
- //Responsive design
- @media screen and (max-width: 480px) {
- #content {
- width: 100%;
- margin: 0;
- padding: 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);
- }
- }
|