Tweaks to example layouts to bring more consistency #226

w3c · Oct 29, 2015 · 79fd784 · 79fd784
1 parent c94b208
commit 79fd784
Showing 1 changed file with 12 additions and 27 deletions.
diff --git a/source/stylesheets/main.scss b/source/stylesheets/main.scss
@@ -626,11 +626,11 @@ $wai_grey: #333333;
       }
       @include mq($medium) {
         &>div:first-child {
-          width: 21em;
+          width: 19.5em;
           margin-right: 1.5em;
         }
         &>div:last-child {
-          width: 15em;
+          width: 14em;
         }
         figure {
           &:first-of-type {
@@ -815,25 +815,6 @@ $wai_grey: #333333;
       }
     }
     .headings {
-      &.two-column {
-        figure {
-          width: 19.3em;
-        }
-      }
-      @include mq($medium) {
-        &.two-column {
-          display: block;
-        }
-      }
-      @include mq($big) {
-        &.two-column {
-          display: flex;
-          justify-content: flex-start;
-          figure:first-of-type {
-            margin-right: 2em;
-          }
-        }
-      }
       svg {
         text {
           fill: $wai_grey;
@@ -881,11 +862,6 @@ $wai_grey: #333333;
       figure:last-child {
         margin-bottom: 0;
       }
-      @include mq($medium) {
-        figure {
-          display: inline-block;
-        }
-      }
       div {
         svg {
           text {
@@ -902,6 +878,15 @@ $wai_grey: #333333;
           }
         }
       }
+      @include mq($medium) {
+        figure {
+          display: inline-block;
+          width: 35em;
+        }
+        div {
+          text-align: center;
+        }
+      }
     }
     .heading-structure {
       figure {
@@ -1007,7 +992,7 @@ $wai_grey: #333333;
       }
       @include mq($medium) {
         figure {
-          width: 80%;
+          width: 35em;
           div {
             button, .course-select {
               width: 45%;