deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-05-17 21:26:42 +02:00
Code Issues Projects Releases Wiki Activity

Feature Breadcrumb

Browse source
This commit is contained in:
Phreshhh 2019-02-14 12:53:16 +01:00 committed by Rhyne Vlaservich
parent e1cee11c38
commit 231d2ab6d9
2 changed files with 48 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
docs/content/docs/components/breadcrumb.md Normal file
View 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
View 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;
}
}