Optimize scss

This commit is contained in:
Dennis Eichhorn 2017-07-13 15:06:54 +02:00 committed by GitHub
parent d6a0cafd2d
commit 55c78a7ea3

View File

@ -4,9 +4,8 @@
list-style: none;
overflow: hidden;
font-size: 12px;
}
.crumbs-1 li {
li {
background: $content-background-color;
border: 1px solid $content-border-color;
padding: 10px 10px 10px 20px;
@ -21,14 +20,8 @@
&:first-child {
@include border-left-radius(3px);
}
}
.crumbs-1 .last {
padding-right: 20px;
@include border-right-radius(3px);
}
.crumbs-1 li:not(.last):after, .crumbs-1 li:before {
&:not(.last):after, &:before {
content:" ";
display: block;
width: 0;
@ -42,28 +35,35 @@
left: 100%;
}
.crumbs-1 .last:before {
border: none;
}
.crumbs-1 li:not(.last):after {
&:not(.last):after {
z-index: 2;
}
.crumbs-1 li:before {
&:before {
border-left-color: $content-border-color;
margin-left: 1px;
z-index: 1;
}
.crumbs-1 .active, .crumbs-1 li:hover {
background: #ffffff;
&.active:not(.last):after, &:hover:not(.last):after {
border-left: 14px solid #ffffff;
}
}
.crumbs-1 .active {
.last {
padding-right: 20px;
@include border-right-radius(3px);
&:before {
border: none;
}
}
.active {
cursor: default;
}
.crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
border-left: 14px solid #ffffff;
.active, li:hover {
background: #ffffff;
}
}