summaryrefslogtreecommitdiff
path: root/test.scss
diff options
context:
space:
mode:
Diffstat (limited to 'test.scss')
-rw-r--r--test.scss73
1 files changed, 14 insertions, 59 deletions
diff --git a/test.scss b/test.scss
index ffec9d9..0a96dbb 100644
--- a/test.scss
+++ b/test.scss
@@ -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);
-}
}