33b28906c9f635e7d1e4b4114cd9954d61eb32f2 — Andrew Zah 3 months ago 807f63f
update section styling
2 files changed, 29 insertions(+), 6 deletions(-)

M sass/_section.scss
M templates/macros.html
M sass/_section.scss => sass/_section.scss +26 -0
@@ 24,6 24,32 @@     .row {
      @media (max-device-width: $mobile-screen) { font-size: 1.8rem; }
+     display: flex;
+     flex-flow: row wrap;
+     justify-content: start;
+ 
+     .post-title {
+       @media (max-device-width: $mobile-screen) {
+         margin-bottom: .75rem;
+       }
+     }
+ 
+     .post-date {
+       font-family: $monospace-stack;
+       margin-right: .75rem;
+       
+       @media (max-device-width: $mobile-screen) {
+         display: none;
+       }
+     }
+ 
+     .post-summary {
+       margin-left: 1.5rem;
+ 
+       @media (max-device-width: $mobile-screen) {
+         display: none;
+       }
+     }
    }
  
    h2 {

M templates/macros.html => templates/macros.html +3 -6
@@ 1,20 1,17 @@ {% macro post_link(page, section) %}
    <div class="row">
-     <tr>
      {% if page.draft %}
      {% else %}
-       <td> {{ page.date }} </td> 
-       ×
+       <span class="post-date"> {{ page.date }} </span>
        <span class="post-title">
          <a href="/{{section.components[0]}}/{{page.slug | safe}}/">
-           <td class="page-title">{{ page.title }}</td>
+           <span class="page-title">{{ page.title }}</span>
          </a>
        </span>
        {% if page.extra.show_summary %}
-         <td> <br>{{ page.extra.summary | safe }} </td>
+         <span class="post-summary">{{ page.extra.summary | safe }} </span>
        {% endif %}
      {% endif %}
-     </tr>
    </div>
  {% endmacro post_link %}