reformatted ol style

half5cat · Nov 23, 2017 · c9577bf · c9577bf
1 parent fc7aafc
commit c9577bf
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 37 deletions.
diff --git a/_layouts/example.html b/_layouts/example.html
@@ -6,6 +6,22 @@ <h1>{{page.title}}</h1>
         <p style="max-width: 40em; ">{{page.overview}}</p>
       </header>
 
+      <article>
+        <ol class="">
+            {% for principle in page.principles %}
+              <li id="{{principle.principle | slugify}}">
+                <h2>{{ principle.principle }}</h2>
+              <p>
+              {% for summary in principle.summary %}
+                {{principle.summary}}
+
+                {% else %}
+              </p>
+              {% endfor%}
+            {% endfor %}
+          </li>
+      </ol>
+      </article>
       <aside>
 
 
@@ -27,32 +43,17 @@ <h1>{{page.title}}</h1>
           {% endif %}
 
 
-        <p class="source">Principles:</p>
+        <!-- <p class="source">Principles:</p>
         <ol class="cards">
           {% for principles in page.principles %}
             <li>
               <a href="#{{principles.principle | slugify}}">{{principles.principle}}</a>
             </li>
           {% endfor %}
-        </ol>
+        </ol> -->
       </aside>
 
-      <article>
-        <ol class="cards">
-            {% for principle in page.principles %}
-              <li id="{{principle.principle | slugify}}">
-                <h2>{{ principle.principle }}</h2>
-              <p>
-              {% for summary in principle.summary %}
-                {{principle.summary}}
 
-                {% else %}
-              </p>
-              {% endfor%}
-            {% endfor %}
-          </li>
-      </ol>
-      </article>
 
       {% if page.author or page.link or page.overview or principle.summary == null%}
 

diff --git a/_sass/_scratch.scss b/_sass/_scratch.scss
@@ -170,31 +170,31 @@ margin-left: -0.6em;
 
 ol.cards li {
   // float: left; // what was I thinking
-  list-style-type: none;
+  // list-style-type: lower-latin;
   counter-increment: step-counter;
   margin: 0 0 0.125em 0;
-  padding-left: 0.2em;
+  // padding-left: 0.2em;
   line-height: 1.4;
 }
 
-ol.cards li::before {
-    content: counter(step-counter);
-    margin-right: 0.6em;
-    // font-size: 80%;
-    font-size: 0.9em;
-    background-color: lighten($mid-grey, 40%);
-    color: lighten($dark-grey, 20%);
-    font-weight: bold;
-    border-radius: 0.2em;
-    position: absolute;
-    left: 0.6em;
-    width: 1.6em;
-    text-align: center;
-    padding: 0.05em;
-    // font-family: Georgia, sans-serif;
-    // font-weight: normal;
-
-}
+// ol.cards li::before {
+//     content: counter(step-counter);
+//     // margin-right: 0.6em;
+//     // font-size: 80%;
+//     font-size: 0.9em;
+//     // background-color: lighten($mid-grey, 40%);
+//     // color: lighten($dark-grey, 20%);
+//     // font-weight: bold;
+//     // border-radius: 0.2em;
+//     position: absolute;
+//     left: 0.6em;
+//     width: 1.6em;
+//     text-align: right;
+//     padding: 0.05em;
+//     // font-family: Georgia, sans-serif;
+//     // font-weight: normal;
+//
+// }
 
 
 ol.cards li:before {