From 02c41f6ce998688de2ef65143684bb217291bb9d Mon Sep 17 00:00:00 2001
From: Siri Reiter <siri@jones.dk>
Date: Tue, 12 Apr 2016 21:51:15 +0200
Subject: Move content and inline front window styling to front stylesheet,
 paste and passify content, farbar and sidebar widths and margins calculations
 from style, test and move responsive styling to style.scss.

---
 test.scss | 73 ++++++++++++---------------------------------------------------
 1 file changed, 14 insertions(+), 59 deletions(-)

(limited to 'test.scss')

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);
-}
 }
-- 
cgit v1.2.3