Formatting

Author: stedman

_layouts/base.liquid

@@ -7,12 +7,12 @@
   <link rel="icon" type="image/png" href="{{ '/assets/icon/favicon-android.png' | url }}" sizes="192x192">
   <link rel="icon" type="image/png" href="{{ '/assets/icon/favicon.png' | url }}" sizes="32x32">
   {%- capture pageTitle -%}
-  {% if title != site.title %}{{ title }} • {% endif %}{{ site.title }}
+    {% if title != site.title %}{{ title }} • {% endif %}{{ site.title }}
   {%- endcapture %}
   {%- if meta.description -%}
-  {%- assign desc = meta.description -%}
+    {%- assign desc = meta.description -%}
   {%- else -%}
-  {%- assign desc = layoutContent | regexReplace: '<h1 class="title flex-item">.*</h1>', '' | strip_html | regexReplace: '\s{2,}', ' ' | truncate: 160 -%}
+    {%- assign desc = layoutContent | regexReplace: '<h1 class="title flex-item">.*</h1>', '' | strip_html | regexReplace: '\s{2,}', ' ' | truncate: 160 -%}
   {%- endif %}
   <link rel=canonical href="{{ site.url }}{{ page.url | url }}">
   <meta name="description" content="{{ desc }}">
@@ -67,7 +67,7 @@
     <div class="container">
       {{ content | safe }}
 
-      <p class="content has-text-right-desktop" style="font-size: 14px; margin-bottom: -2rem;">
+      <p class="edit-page content has-text-right-desktop">
         <a href="{{ site.repo }}/blob/master/{{ page.inputPath }}">Edit this page</a>
       </p>
     </div>

_sass/_main.scss

@@ -107,10 +107,7 @@ $footer-background-color: $white-ter;
   }
 }
 
-/*
- * BUSINESS CARD ADJUSTMENTS
- */
-
+// BUSINESS CARD ADJUSTMENTS
 .card,
 .footer {
    // Add rounded edges to Bulma .image class inside a .card.
@@ -121,7 +118,7 @@ $footer-background-color: $white-ter;
  }
 
 /*
- * BULMA +
+ * BULMA EXTENDED/INSPIRED
  */
 
 @media screen and (min-width: $desktop) {
@@ -176,15 +173,6 @@ $footer-background-color: $white-ter;
   margin-bottom: 0 !important;
 }
 
-.logo {
-  transform: scale(0.9) translateY(0.25em);
-}
-
-.sponsor-logo {
-  max-width: 17vw;
-  min-width: 10em;
-}
-
 /*
  * bricks for emeritus cards
  */
@@ -240,6 +228,24 @@ $footer-background-color: $white-ter;
   }
 }
 
+/*
+ * misc
+ */
+
+.logo {
+  transform: scale(0.9) translateY(0.25em);
+}
+
+.sponsor-logo {
+  max-width: 17vw;
+  min-width: 10em;
+}
+
+.edit-page {
+  font-size: 0.875rem;
+  margin-bottom: -2rem;
+}
+
 /*
  * THE REST
  */