hack.less gallery wip

layouts/_default/list.html

@@ -2,14 +2,16 @@
 <div class="content">
     <h1>{{ .Title }}</h1>
     {{ .Content }}
-    <div class="flexbox box-size-third">
+    <div class="flexbox listings">
         {{ range .Pages.ByDate.Reverse }}
-        <a href="{{.RelPermalink}}" class="flexitem card">
-            <div class="card-header">
+        <a href="{{.RelPermalink}}" class="flexitem card" >
+            <div class="card-header" style="">
                 {{ .Title }}
             </div>
-            <div class="card-body">
-                {{ .Param "summary" }}
+            <div class="card-body" style="">
+                <p>
+                    {{ .Param "summary" }}
+                </p>
             </div>
         </a>
         {{ end }}

src/lessc/page/color.less

@@ -1,6 +1,7 @@
 @import "color-gruvbox.less";
 
 @color-body-background: @gb-lm-bg0-hard;
+@color-body-background-highlight: @gb-lm-bg0-soft;
 @color-body-font: @gb-lm-fg0;
 
 @color-code-border: @gb-lm-light-yellow;

src/lessc/page/main-listing.less

@@ -1 +1,21 @@
+.listings {
+  a.flexitem {
+    margin-bottom: 10px;
+    color: @color-body-font;
 
+    &:hover {
+      background-color: @color-body-background-highlight;
+      color: @color-body-font;
+    }
+  }
+  .card-header {
+    text-align: left;
+    padding-left: 17px;
+    padding-right: 10px;
+  }
+  .card-body {
+    text-align: left;
+    padding-left: 17px;
+    padding-right: 10px;
+  }
+}