Sidebar to the right on archive pages.

gonzomir · May 31, 2017 · 792d934 · 792d934
1 parent 4d32e15
commit 792d934
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/sidebar.php b/sidebar.php
@@ -12,6 +12,6 @@
 }
 ?>
 
-<aside id="secondary" class="widget-area" role="complementary">
+<aside id="secondary" class="widget-area sidebar" role="complementary">
 	<?php dynamic_sidebar( 'sidebar-1' ); ?>
 </aside><!-- #secondary -->
diff --git a/style.css b/style.css
@@ -1370,6 +1370,43 @@ header[role="banner"] .site-title a {
 
 	}
 
+	.archive main {
+		float: left;
+		width: calc(66.6667% - .75em);
+	}
+
+	.archive .sidebar {
+		float: right;
+		width: calc(33.3333% - .75em);
+		padding-top: 3.634615385em;
+	}
+
+
+	@supports (display: grid) {
+
+		.archive .site-content {
+	    display: grid;
+	    grid-template-columns: repeat(auto-fill, minmax(18em, 1fr) ) ;
+	    grid-gap: 1.5em;
+		}
+
+		.archive .site-content:before,
+		.archive .site-content:after {
+			display: none;
+		}
+
+		.archive main,
+		.archive .sidebar {
+			float: none;
+			width: auto;
+		}
+
+		.archive main {
+			grid-column: span 2;
+		}
+
+	}
+
 }
 
 /*