~andrewzah/personal-site

33b28906c9f635e7d1e4b4114cd9954d61eb32f2 — Andrew Zah 8 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 @@ main .section {

  .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 %}