Fix lists, allow for wider content in markdown

TULiberalArts · Feb 17, 2017 · 0cda169 · 0cda169
1 parent ce78f0b
commit 0cda169
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 26 deletions.
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -52,28 +52,30 @@ <h5>Follow us on:</h5>
 
   {% if site.data.news %}
   <div class="content feeds">
-    <div class="row">
-      <div class="col s12 m6">
-        <h2>Recent News</h2>
-        {% for item in site.data.news limit:4 %}
-          <a href="{{ item['Page Path'] }}" target="_blank" class="feed-item">
-            <strong>{{ item['Title'] }}</strong>
-            <span class="meta">{{ item['Sort Date'] }}</span>
-          </a>
-        {% endfor %}
-        <br>
-        <a class="btn btn-large waves-effect white grey-text darken-text-2" href="http://liberalarts.temple.edu/about-us/newsroom">More News <i class="material-icons">navigate_next</i></a>
-      </div>
-      <div class="col s12 m6">
-        <h2>Upcoming Events</h2>
-        {% for item in site.data.events limit:4 %}
-          <a href="{{ item['Page Path'] }}" target="_blank" class="feed-item">
-            <strong>{{ item['Title'] }}</strong>
-            <span class="meta">{{ item['Sort Date'] }}</span>
-          </a>
-        {% endfor %}
-        <br>
-        <a class="btn btn-large waves-effect white grey-text darken-text-2" href="http://liberalarts.temple.edu/about-us/events">More Events <i class="material-icons">navigate_next</i></a>
+    <div>
+      <div class="row">
+        <div class="col s12 m6">
+          <h2>Recent News</h2>
+          {% for item in site.data.news limit:4 %}
+            <a href="{{ item['Page Path'] }}" target="_blank" class="feed-item">
+              <strong>{{ item['Title'] }}</strong>
+              <span class="meta">{{ item['Sort Date'] }}</span>
+            </a>
+          {% endfor %}
+          <br>
+          <a class="btn btn-large waves-effect white grey-text darken-text-2" href="http://liberalarts.temple.edu/about-us/newsroom">More News <i class="material-icons">navigate_next</i></a>
+        </div>
+        <div class="col s12 m6">
+          <h2>Upcoming Events</h2>
+          {% for item in site.data.events limit:4 %}
+            <a href="{{ item['Page Path'] }}" target="_blank" class="feed-item">
+              <strong>{{ item['Title'] }}</strong>
+              <span class="meta">{{ item['Sort Date'] }}</span>
+            </a>
+          {% endfor %}
+          <br>
+          <a class="btn btn-large waves-effect white grey-text darken-text-2" href="http://liberalarts.temple.edu/about-us/events">More Events <i class="material-icons">navigate_next</i></a>
+        </div>
       </div>
     </div>
   </div>

diff --git a/_sass/temple/_content.scss b/_sass/temple/_content.scss
@@ -1,14 +1,26 @@
 // Content only
 .content {
-  max-width: $content-max-width; // 1080px;
-  margin: auto;
+   & > * {
+    max-width: $content-max-width; // 1080px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  ol, ul {
+    margin-bottom: 1em;
+    li {
+      margin-bottom: .25em;
+    }
+  }
+  ol {
+    padding-left: 3em;
+  }
   ul {
-    margin-left: 2em;
     li {
+      padding-left: 2em;
       &:before {
         content: "● ";
         color: $tu-cherry;
-        margin-left: -1.5em;
+        margin-left: 0;
       }
     }
   }