X-Git-Url: https://git.njae.me.uk/?a=blobdiff_plain;f=assets%2Fmain%2Fsass%2Flayout%2F_main.scss;h=498e5bd77e10dc512cd1c3342b1b324205e23d33;hb=55b8c3714d4e9687629821abd2c80e34737ab4ce;hp=f15a087619a4ee47b169227be05127072aa31ca8;hpb=8af2079e4b096e77ba2f922d6a18224ce01cb7bd;p=editorial.git

diff --git a/assets/main/sass/layout/_main.scss b/assets/main/sass/layout/_main.scss
index f15a087..498e5bd 100644
--- a/assets/main/sass/layout/_main.scss
+++ b/assets/main/sass/layout/_main.scss
@@ -1,5 +1,5 @@
 ///
-/// Massively by HTML5 UP
+/// Editorial by HTML5 UP
 /// html5up.net | @ajlkn
 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 ///
@@ -7,152 +7,52 @@
 /* Main */
 
 	#main {
-		background-color: _palette(bg);
-		position: relative;
-		margin: 0 auto;
-		width: calc(100% - #{_size(padding) * 2});
-		max-width: _size(wrapper);
-		z-index: 2;
+		@include vendor('flex-grow', '1');
+		@include vendor('flex-shrink', '1');
+		width: 100%;
 
-		> * {
-			@include padding((_size(padding) * 2), (_size(padding) * 2));
-			border-top: solid 2px _palette(border);
-			margin: 0;
+		> .inner {
+			@include padding(0, 6em);
+			margin: 0 auto;
+			max-width: 110em;
 
-			&:first-child {
-				border-top: 0;
-			}
-		}
-
-		> footer {
-			text-align: center;
-		}
-
-		> .post {
-			@include padding((_size(padding) * 4), (_size(padding) * 4));
-
-			header {
-				&.major {
-					> .date {
-						margin-top: -2rem;
-					}
-
-					> h1, h2 {
-						font-size: 4rem;
-						line-height: 1.1;
-						margin: 0 0 _size(element-margin) 0;
-					}
-				}
-			}
-
-			&.featured {
-				text-align: center;
-			}
-
-			@include breakpoint('<=large') {
-				@include padding((_size(padding) * 3), (_size(padding) * 2));
-			}
-
-			@include breakpoint('<=small') {
-				@include padding((_size(padding) * 2), (_size(padding) * 1));
+			> section {
+				@include padding(6em, 0);
+				border-top: solid 2px _palette(border);
 
-				header {
-					&.major {
-						> .date {
-							margin-top: -1rem;
-							margin-bottom: _size(element-margin);
-						}
-
-						> h1, h2 {
-							font-size: 2.5rem;
-							line-height: 1.2;
-							margin: 0 0 (_size(element-margin) * 0.75) 0;
-						}
-					}
+				&:first-of-type {
+				 	border-top: 0 !important;
 				}
 			}
 		}
 
-		> .posts {
-			@include fixed-grid((
-				columns:			2,
-				gutters:			(_size(padding) * 4),
-				horizontal-align:	center,
-				vertical-align:		flex-start,
-				flush:				false
-			));
-			width: 100%;
-			padding: 0;
-
-			> article {
-				border-color: _palette(border);
-				border-left-width: 2px;
-				border-style: solid;
-				border-top-width: 2px;
-				text-align: center;
+		@include breakpoint('<=xlarge') {
+			> .inner {
+				@include padding(0, 5em);
 
-				> :last-child {
-					margin-bottom: 0;
-				}
-
-				&:nth-child(2n - 1) {
-					border-left-width: 0;
-				}
-
-				&:nth-child(-n + 2) {
-					border-top-width: 0;
+				> section {
+					@include padding(5em, 0);
 				}
 			}
+		}
 
-			@include breakpoint('<=medium') {
-				@include fixed-grid-resize((
-					columns:			2,
-					gutters:			(_size(padding) * 2.5),
-					flush:				false
-				));
-			}
-
-			@include breakpoint('<=small') {
-				@include fixed-grid-resize((
-					columns:			1,
-					gutters:			(_size(padding) * 2),
-					prev-columns:		2,
-					flush:				false
-				));
-
-				> article {
-					&:nth-child(2n - 1) {
-						border-left-width: 2px;
-					}
-
-					&:nth-child(-n + 2) {
-						border-top-width: 2px;
-					}
-
-					&:nth-child(n) {
-						border-left-width: 0;
-					}
-
-					&:nth-child(-n + 1) {
-						border-top-width: 0;
-					}
+		@include breakpoint('<=large') {
+			> .inner {
+				@include padding(0, 4em);
 
-					.image {
-						max-width: 25rem;
-						margin-left: auto;
-						margin-right: auto;
-					}
+				> section {
+					@include padding(4em, 0);
 				}
 			}
 		}
 
 		@include breakpoint('<=small') {
-			> * {
-				@include padding((_size(padding) * 1), (_size(padding) * 1));
-			}
-		}
+			> .inner {
+				@include padding(0, 2em);
 
-		@include breakpoint('<=xsmall') {
-			width: 100%;
+				> section {
+					@include padding(3em, 0);
+				}
+			}
 		}
 	}
\ No newline at end of file