add cards for listing

documentation/content/docs/components/alerts.md

@@ -1,5 +1,6 @@
 ---
 title: Alerts
+description: PaperCSS Alerts
 ---
 <div class="row flex-spaces">
   <div class="alert alert-primary">

documentation/content/docs/components/badges.md

@@ -1,5 +1,6 @@
 ---
 title: Badges
+description: PaperCSS Badges
 ---
 ### Default
 

documentation/content/docs/components/buttons.md

@@ -1,5 +1,6 @@
 ---
 title: Buttons
+description: PaperCSS Buttons
 ---
 
 Insprired by [Imprefect Buttons](https://codepen.io/tmrDevelops/pen/VeRvKX)

documentation/content/docs/components/cards.md

@@ -1,5 +1,6 @@
 ---
 title: Cards
+description: PaperCSS Cards
 ---
 ### Full card example
 

documentation/content/docs/components/forms.md

@@ -1,5 +1,6 @@
 ---
 title: Forms
+description: PaperCSS Forms
 ---
 <div class="form-group">
   <label for="paperInputs1">Input</label>

documentation/content/docs/components/popovers.md

@@ -1,5 +1,6 @@
 ---
 title: Popovers
+description: PaperCSS Popovers
 ---
 ### Basic usage
 

documentation/content/docs/content/code.md

@@ -1,5 +1,6 @@
 ---
 title: Code
+description: PaperCSS Code
 ---
 Let's make some pretty `<code>`
 

documentation/content/docs/content/images.md

@@ -1,5 +1,6 @@
 ---
 title: Images
+description: PaperCSS Images
 ---
 ### Responsive
 

documentation/content/docs/content/lists.md

@@ -1,5 +1,6 @@
 ---
 title: Lists
+description: PaperCSS Lists
 ---
 
 ### Ordered Lists

documentation/content/docs/content/tables.md

@@ -1,5 +1,6 @@
 ---
 title: Tables
+description: PaperCSS Tables
 ---
 ### Regular
 

documentation/content/docs/content/typography.md

@@ -1,6 +1,6 @@
 ---
 title: Typography
-slug: typography
+description: PaperCSS Typography
 ---
 
 How pretty is the text?

documentation/content/docs/layout/flexbox.md

@@ -1,6 +1,6 @@
 ---
 title: Flexbox
-slug: flexbox
+description: PaperCSS Flexbox
 ---
 
 ### Flexgrid

documentation/content/docs/utilities/borders.md

@@ -1,6 +1,7 @@
 ---
 title: Borders & Shadows
 slug: borders
+description: PaperCSS Borders & Shadows
 ---
 ### Borders
 

documentation/content/docs/utilities/colors.md

@@ -1,5 +1,6 @@
 ---
 title: Colors
+description: PaperCSS Colors
 ---
 ### Text
 

documentation/content/docs/utilities/spacing.md

@@ -1,5 +1,6 @@
 ---
 title: Spacing
+description: PaperCSS Spacing
 ---
 ### Margin
 <div class="row flex-spaces child-borders">

documentation/layouts/_default/li.html

@@ -1,5 +1,13 @@
-<li>
+<div class='col sm-6 md-4'>
-  <a href='{{ .Permalink | relURL }}'>
+  <div class='card'>
-    {{- .Title -}}
+    <div class="card-body">
-  </a>
+      <h4 class="card-title">{{- .Title -}}</h4>
-</li>
+      <div class="card-text">
+        {{- .Params.description -}}
+      </div>
+      <a class='paper-btn btn-block' href='{{ .Permalink | relURL }}'>
+        Let's see!
+      </a>
+    </div>
+  </div>
+</div>

documentation/layouts/_default/list.html

@@ -5,11 +5,11 @@
 
   {{ .Content }}
 
-  <ul>
+  <div class='row flex-spaces'>
   {{ range .Pages }}
     {{ .Render "li" }}
   {{ end }}
-  </ul>
+  </div>
 </div>
 
 {{ partial "footer" . }}