58 lines
828 B
SCSS
58 lines
828 B
SCSS
nav.breadcrumbs{
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
padding: .35em 0 0;
|
|
color: #bbb;
|
|
|
|
a {
|
|
color: #9990e0;
|
|
}
|
|
|
|
ul{
|
|
list-style: none;
|
|
|
|
li {
|
|
display: inline-block;
|
|
|
|
&:not(:first-child):before{
|
|
content: '⟶';
|
|
margin-left: .4em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 31.25em) {
|
|
nav.breadcrumbs{
|
|
width: 100%;
|
|
margin: 0;
|
|
font-size: 0.75em;
|
|
|
|
ul{
|
|
li {
|
|
&:not(:first-child):before{
|
|
content: '>';
|
|
margin-left: .2em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 31.25em) and (max-width: 59.99999em){
|
|
nav.breadcrumbs{
|
|
width: 100%;
|
|
margin: 0;
|
|
font-size: 0.75em;
|
|
|
|
ul{
|
|
li {
|
|
&:not(:first-child):before{
|
|
content: '>';
|
|
margin-left: .2em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|