Formalize use of Layout Gala structure.

1 files changed, 8 insertions, 8 deletions

diff --git a/style.scss b/style.scss
index e052ad0..1822b1f 100644
--- a/style.scss
+++ b/style.scss
@@ -208,9 +208,9 @@ body {
 #content {
 	float: left;
 	min-height: 480px;
-	width: 56%;
+	width: (100% - $blockMid-marginBoth - $blockLeft-fullwidth - $blockRight-fullwidth);
 	max-width: 72em;
-	margin: 2% 22%;
+	margin: 2% ($blockMid-marginRight + $blockRight-fullwidth) 2% ($blockMid-marginLeft + $blockLeft-fullwidth);
 	padding: 0;
 	text-align: left;
 	background-color: none;
@@ -300,10 +300,10 @@ th {
 .sidebar {
 	float: left;
 	min-height: 480px;
-	width: 16%;
-	padding: 1%;
+	width: $blockLeft-width;
+	padding: $blockLeft-paddingAny;
 	margin-top: 2%;
-	margin-left: -98%;
+	margin-left: -(100% - $blockLeft-marginLeft);
 	margin-bottom: 2%;
 	border: none;
 	background-color: LightBlue;
@@ -341,11 +341,11 @@ th {
 .farbar {
 	float: left;
 	min-height: 480px;
-	width: 16%;
+	width: $blockRight-width;
 	margin-top: 2%;
-	margin-left: -20%;
+	margin-left: -($blockRight-fullwidth - $blockRight-marginLeft);
 	margin-bottom: 2%;
-	padding: 1%;
+	padding: $blockRight-paddingAny;
 	background-color: LightBlue;
 	text-align: left;
 	img {