Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(breadcrumb): proper styling and separator

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-06 16:44:43 +02:00
committed by Benedikt Rötsch
parent 1ca400234e
commit f5a276581a
3 changed files with 29 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/stylesheets/style.css
View File

@@ -1486,6 +1486,8 @@ display: flex;
.breadcrumb {
margin-bottom: 5.5px;
font-size: 0.875em;
}
.breadcrumb ul {
@@ -1503,16 +1505,20 @@ display: flex;
margin: 0;
}
.breadcrumb ul li + li {
margin-left: 5.5px;
}
.breadcrumb ul li:after {
content: ' >';
content: '';
display: inline-block;
background: url('/images/icon-breadcrumb.svg');
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
width: 4px;
height: 8px;
padding: 0 5.5px;
}
.breadcrumb ul li:last-child:after {
content: '';
display: none;
}
.breadcrumb ul li a {