Jingga/cssOMS
1
0
Fork 0
mirror of https://github.com/Karaka-Management/cssOMS.git synced 2026-02-08 06:18:41 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Optimize scss

Browse Source
This commit is contained in:
Dennis Eichhorn 2017-07-13 15:06:54 +02:00 committed by GitHub
parent d6a0cafd2d
commit 55c78a7ea3
1 changed files with 58 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

116
breadcrumb.scss
View File

@ -4,66 +4,66 @@
list-style: none; list-style: none;
overflow: hidden; overflow: hidden;
font-size: 12px; font-size: 12px;
}
.crumbs-1 li { li {
background: $content-background-color; background: $content-background-color;
border: 1px solid $content-border-color; border: 1px solid $content-border-color;
padding: 10px 10px 10px 20px; padding: 10px 10px 10px 20px;
position: relative; position: relative;
display: block; display: block;
float: left; float: left;
text-shadow: -1px -1px 1px #ffffff; text-shadow: -1px -1px 1px #ffffff;
cursor: pointer; cursor: pointer;
@include box-shadow-out(#ffffff); @include box-shadow-out(#ffffff);
&:first-child { &:first-child {
@include border-left-radius(3px); @include border-left-radius(3px);
}
&:not(.last):after, &:before {
content:" ";
display: block;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 17px solid transparent;
border-left: 14px solid $content-background-color;
position: absolute;
top: 50%;
margin-top: -18px;
left: 100%;
}
&:not(.last):after {
z-index: 2;
}
&:before {
border-left-color: $content-border-color;
margin-left: 1px;
z-index: 1;
}
&.active:not(.last):after, &:hover:not(.last):after {
border-left: 14px solid #ffffff;
}
}
.last {
padding-right: 20px;
@include border-right-radius(3px);
&:before {
border: none;
}
}
.active {
cursor: default;
}
.active, li:hover {
background: #ffffff;
} }
} }
.crumbs-1 .last {
padding-right: 20px;
@include border-right-radius(3px);
}
.crumbs-1 li:not(.last):after, .crumbs-1 li:before {
content:" ";
display: block;
width: 0;
height: 0;
border-top: 18px solid transparent;
border-bottom: 17px solid transparent;
border-left: 14px solid $content-background-color;
position: absolute;
top: 50%;
margin-top: -18px;
left: 100%;
}
.crumbs-1 .last:before {
border: none;
}
.crumbs-1 li:not(.last):after {
z-index: 2;
}
.crumbs-1 li:before {
border-left-color: $content-border-color;
margin-left: 1px;
z-index: 1;
}
.crumbs-1 .active, .crumbs-1 li:hover {
background: #ffffff;
}
.crumbs-1 .active {
cursor: default;
}
.crumbs-1 li.active:not(.last):after, .crumbs-1 li:hover:not(.last):after {
border-left: 14px solid #ffffff;
}