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