mirror of
https://github.com/papercss/papercss
synced 2024-06-26 17:31:13 +02:00
add cards for listing
This commit is contained in:
parent
9a636636c3
commit
2793036218
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Alerts
|
title: Alerts
|
||||||
|
description: PaperCSS Alerts
|
||||||
---
|
---
|
||||||
<div class="row flex-spaces">
|
<div class="row flex-spaces">
|
||||||
<div class="alert alert-primary">
|
<div class="alert alert-primary">
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Badges
|
title: Badges
|
||||||
|
description: PaperCSS Badges
|
||||||
---
|
---
|
||||||
### Default
|
### Default
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Buttons
|
title: Buttons
|
||||||
|
description: PaperCSS Buttons
|
||||||
---
|
---
|
||||||
|
|
||||||
Insprired by [Imprefect Buttons](https://codepen.io/tmrDevelops/pen/VeRvKX)
|
Insprired by [Imprefect Buttons](https://codepen.io/tmrDevelops/pen/VeRvKX)
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Cards
|
title: Cards
|
||||||
|
description: PaperCSS Cards
|
||||||
---
|
---
|
||||||
### Full card example
|
### Full card example
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Forms
|
title: Forms
|
||||||
|
description: PaperCSS Forms
|
||||||
---
|
---
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label for="paperInputs1">Input</label>
|
<label for="paperInputs1">Input</label>
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Popovers
|
title: Popovers
|
||||||
|
description: PaperCSS Popovers
|
||||||
---
|
---
|
||||||
### Basic usage
|
### Basic usage
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Code
|
title: Code
|
||||||
|
description: PaperCSS Code
|
||||||
---
|
---
|
||||||
Let's make some pretty `<code>`
|
Let's make some pretty `<code>`
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Images
|
title: Images
|
||||||
|
description: PaperCSS Images
|
||||||
---
|
---
|
||||||
### Responsive
|
### Responsive
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Lists
|
title: Lists
|
||||||
|
description: PaperCSS Lists
|
||||||
---
|
---
|
||||||
|
|
||||||
### Ordered Lists
|
### Ordered Lists
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Tables
|
title: Tables
|
||||||
|
description: PaperCSS Tables
|
||||||
---
|
---
|
||||||
### Regular
|
### Regular
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Typography
|
title: Typography
|
||||||
slug: typography
|
description: PaperCSS Typography
|
||||||
---
|
---
|
||||||
|
|
||||||
How pretty is the text?
|
How pretty is the text?
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Flexbox
|
title: Flexbox
|
||||||
slug: flexbox
|
description: PaperCSS Flexbox
|
||||||
---
|
---
|
||||||
|
|
||||||
### Flexgrid
|
### Flexgrid
|
||||||
|
|
|
@ -1,6 +1,7 @@
|
||||||
---
|
---
|
||||||
title: Borders & Shadows
|
title: Borders & Shadows
|
||||||
slug: borders
|
slug: borders
|
||||||
|
description: PaperCSS Borders & Shadows
|
||||||
---
|
---
|
||||||
### Borders
|
### Borders
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Colors
|
title: Colors
|
||||||
|
description: PaperCSS Colors
|
||||||
---
|
---
|
||||||
### Text
|
### Text
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
---
|
---
|
||||||
title: Spacing
|
title: Spacing
|
||||||
|
description: PaperCSS Spacing
|
||||||
---
|
---
|
||||||
### Margin
|
### Margin
|
||||||
<div class="row flex-spaces child-borders">
|
<div class="row flex-spaces child-borders">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -5,11 +5,11 @@
|
||||||
|
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
|
|
||||||
<ul>
|
<div class='row flex-spaces'>
|
||||||
{{ range .Pages }}
|
{{ range .Pages }}
|
||||||
{{ .Render "li" }}
|
{{ .Render "li" }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{{ partial "footer" . }}
|
{{ partial "footer" . }}
|
||||||
|
|
Loading…
Reference in a new issue