TragerTech
diff --git a/‎_layouts/default.html‎
Lines changed: 2 additions & 2 deletions b/‎_layouts/default.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎assets/_sass/styles.scss‎
Lines changed: 14 additions & 33 deletions b/‎assets/_sass/styles.scss‎
Lines changed: 14 additions & 33 deletions
diff --git a/‎assets/css/styles.css‎
Lines changed: 30 additions & 32 deletions b/‎assets/css/styles.css‎
Lines changed: 30 additions & 32 deletions
diff --git a/‎assets/css/styles.css.map‎
Lines changed: 2 additions & 2 deletions b/‎assets/css/styles.css.map‎
Lines changed: 2 additions & 2 deletions
@@ -50,9 +50,9 @@ <h1>
 
     {% include sidebar.html %}
 
- <section id="main" class="main-content" role="main">
+ <article id="main" class="main-content" role="main">
       {{ content }}
- </section>
+ </article>
 
  </div>
 </div>
 
@@ -69,11 +69,11 @@ img {width: 700px;}
 
 /* Lists */
 
-.main-content ul {
+article ul {
  padding-left: 1.1em;
 }
 
-.main-content li {
+article li {
  margin-bottom: 1em;
 }
 
@@ -135,22 +135,14 @@ aside {
 /* Layout */
 
 /* offset the fixed position header for jump links */
-section:before {
+article:before {
  display: block;
  content: "";
  height: 60px;
  margin: -60px 0 0;
 }
 
-.wrap {
- max-width: 1200px;
- margin: 0 auto;
- padding-left: 20px;
- padding-right: 20px;
-}
-
 header {
- width: 100%;
  background-color: $header;
  padding: 1.5em;
  color: $white;
@@ -230,42 +222,31 @@ pre {
 
 /** Overall structure, desktop and mobile */
 
-header {
- position: static;
+.container {
+
 }
 
-.wrap.content {
- position: relative;
+.wrap {
 }
 
 aside {
- width: 25%;
- left: 0%;
- position: absolute;
+ @include span-columns(3.25);
 }
 
-.main-content {
- left: 30%;
- position: absolute;
- max-width: 700px;
- margin-bottom: 20px;
+article {
+ @include shift(0.25);
+ @include span-columns(8);
+ margin-bottom: 20px;
 }
 
 @media screen and (max-width: 40.5em) {
 
- .wrap.content {
- position: static;
-    }
-
  aside {
- position: static;
- width: 100%;
+ @include span-columns(12);
     }
 
- .main-content {
- margin-top: 1.5em;
- position: static;
- width: 100%;
+ article {
+ @include span-columns(12);
     }
 
 }