type-on-strap 2.4.10 → 2.4.12

data/_sass/includes/_aligner.scss

@@ -0,0 +1,35 @@
+/* --- Aligner --- */
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  padding: 0.9% 0 1.5% 0;
+}
+
+.caption-style {
+  order: 1;
+  flex: 1 1 100%;
+  display: block;
+  font-style: italic;
+  font-size: 0.8em;
+  text-align: center;
+  color: var(--meta);
+  font-weight: 200;
+  padding-bottom: 5px;
+  padding-top: 5px;
+}
+
+.column {
+  flex: 1 0;
+
+  img {
+    min-width: 250px;
+  }
+  .single {
+    width: 100%;
+    display: block;
+  }
+}

data/_sass/includes/_navbar.scss

@@ -90,7 +90,7 @@ nav {
 
 /* ---- Responsive ---- */
 
-@media (min-width: $break) {
+@media (min-width: $break + 1) {
   a#pull {
     display: none;
   }
@@ -138,7 +138,7 @@ nav {
       width: 100%;
       text-align: center;
       font-size: 1em;
-      position: relative;
+      margin: 0;
       background-color: var(--background);
       backdrop-filter: brightness(0.98);
 
@@ -148,7 +148,6 @@ nav {
 
       a {
         width: 100%;
-        margin: 0;
         display: block;
       }
 

data/_sass/layouts/_page.scss

@@ -13,29 +13,3 @@ h1.title {
   margin-top: 5px;
   text-shadow: 1px 1px 2px var(--text-shadow);
 }
-
-//Shared css in _post.scss
-
-
-/* --- Aligner --- */
-/* within page/posts */
-
-.row {
-  display: flex;
-  flex-wrap: wrap;
-  padding: 0.9% 0 1.5% 0;
-}
-
-.column {
-  flex: 50%;
-
-  img {
-    width: 100%;
-    min-width: 250px;
-  }
-
-  .single {
-    width: 50%;
-    display: block;
-  }
-}

data/_sass/type-on-strap.scss

@@ -27,6 +27,7 @@
 @import 'includes/blog_nav';
 @import 'includes/gallery';
 @import 'includes/portfolio';
+@import 'includes/aligner';
 
 /* Posts */
 // Linked with the html in the _layouts folder