mirror of
https://github.com/papercss/papercss
synced 2024-06-01 21:42:22 +02:00
Feature Breadcrumb
This commit is contained in:
parent
e1cee11c38
commit
231d2ab6d9
20
docs/content/docs/components/breadcrumb.md
Normal file
20
docs/content/docs/components/breadcrumb.md
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
---
|
||||||
|
title: Breadcrumb
|
||||||
|
description: PaperCSS Breadcrumb
|
||||||
|
---
|
||||||
|
|
||||||
|
<ul class="breadcrumb border">
|
||||||
|
<li><a href="#">Documentation</a></li>
|
||||||
|
<li><a href="#">Components</a></li>
|
||||||
|
<li>Breadcrumb</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
#### Code:
|
||||||
|
|
||||||
|
```html
|
||||||
|
<ul class="breadcrumb border">
|
||||||
|
<li><a href="#">Documentation</a></li>
|
||||||
|
<li><a href="#">Components</a></li>
|
||||||
|
<li>Breadcrumb</li>
|
||||||
|
</ul>
|
||||||
|
```
|
28
src/components/_breadcrumb.scss
Normal file
28
src/components/_breadcrumb.scss
Normal file
|
@ -0,0 +1,28 @@
|
||||||
|
ul.breadcrumb {
|
||||||
|
list-style: none;
|
||||||
|
padding: 10px 16px;
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline;
|
||||||
|
font-size: 20px;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '';
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
background-image: none;
|
||||||
|
color: $secondary;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
li + li::before {
|
||||||
|
content: '/\00a0';
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in a new issue