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

Merge pull request #184 from Phreshhh/feature-breadcrumb

Browse source 
Feature Breadcrumb
This commit is contained in:
Rhyne 2019-05-05 16:25:09 -04:00 committed by GitHub
parent 84dde0dbad 95c7de0f27
commit e0b7a74c0e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 79 additions and 11 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>
```

41
package-lock.json generated
View file

@ -4173,7 +4173,8 @@
},
"ansi-regex": {
"version": "2.1.1",
"bundled": true
"bundled": true,
"optional": true
},
"aproba": {
"version": "1.2.0",
@ -4191,11 +4192,13 @@
},
"balanced-match": {
"version": "1.0.0",
"bundled": true
"bundled": true,
"optional": true
},
"brace-expansion": {
"version": "1.1.11",
"bundled": true,
"optional": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
@ -4208,15 +4211,18 @@
},
"code-point-at": {
"version": "1.1.0",
"bundled": true
"bundled": true,
"optional": true
},
"concat-map": {
"version": "0.0.1",
"bundled": true
"bundled": true,
"optional": true
},
"console-control-strings": {
"version": "1.1.0",
"bundled": true
"bundled": true,
"optional": true
},
"core-util-is": {
"version": "1.0.2",
@ -4319,7 +4325,8 @@
},
"inherits": {
"version": "2.0.3",
"bundled": true
"bundled": true,
"optional": true
},
"ini": {
"version": "1.3.5",
@ -4329,6 +4336,7 @@
"is-fullwidth-code-point": {
"version": "1.0.0",
"bundled": true,
"optional": true,
"requires": {
"number-is-nan": "^1.0.0"
}
@ -4341,17 +4349,20 @@
"minimatch": {
"version": "3.0.4",
"bundled": true,
"optional": true,
"requires": {
"brace-expansion": "^1.1.7"
}
},
"minimist": {
"version": "0.0.8",
"bundled": true
"bundled": true,
"optional": true
},
"minipass": {
"version": "2.2.4",
"bundled": true,
"optional": true,
"requires": {
"safe-buffer": "^5.1.1",
"yallist": "^3.0.0"
@ -4368,6 +4379,7 @@
"mkdirp": {
"version": "0.5.1",
"bundled": true,
"optional": true,
"requires": {
"minimist": "0.0.8"
}
@ -4440,7 +4452,8 @@
},
"number-is-nan": {
"version": "1.0.1",
"bundled": true
"bundled": true,
"optional": true
},
"object-assign": {
"version": "4.1.1",
@ -4450,6 +4463,7 @@
"once": {
"version": "1.4.0",
"bundled": true,
"optional": true,
"requires": {
"wrappy": "1"
}
@ -4525,7 +4539,8 @@
},
"safe-buffer": {
"version": "5.1.1",
"bundled": true
"bundled": true,
"optional": true
},
"safer-buffer": {
"version": "2.1.2",
@ -4555,6 +4570,7 @@
"string-width": {
"version": "1.0.2",
"bundled": true,
"optional": true,
"requires": {
"code-point-at": "^1.0.0",
"is-fullwidth-code-point": "^1.0.0",
@ -4572,6 +4588,7 @@
"strip-ansi": {
"version": "3.0.1",
"bundled": true,
"optional": true,
"requires": {
"ansi-regex": "^2.0.0"
}
@ -4610,11 +4627,13 @@
},
"wrappy": {
"version": "1.0.2",
"bundled": true
"bundled": true,
"optional": true
},
"yallist": {
"version": "3.0.2",
"bundled": true
"bundled": true,
"optional": true
}
}
},

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;
}
}

1
src/styles.scss
View file

@ -25,6 +25,7 @@
@import 'components/alerts';
@import 'components/article';
@import 'components/badges';
@import 'components/breadcrumb';
@import 'components/buttons';
@import 'components/cards';
@import 'components/forms';