YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

[enh] Use lighter breadcrumb style.

Browse source
This commit is contained in:
opi 2015-11-09 15:02:35 +01:00
parent 23769c68ed
commit f0e5deaa2e
1 changed files with 27 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
src/css/style.less
View file

@ -383,59 +383,6 @@ a.list-group-item-heading,
.pull-right; .pull-right;
} }
/* Breadcrumbs from http://bootsnipp.com/snippets/featured/triangle-breadcrumbs-arrows */
.btn-breadcrumb {
.pull-left;
&:extend(.btn-group all);
a {
.btn-default();
&:extend(.btn, .btn.btn-default all, .btn-group > .btn all);
& + a {
&:extend(.btn-group .btn + .btn all);
}
&:hover {text-decoration: none;}
padding:6px 12px 6px 24px;
&:first-child {padding:6px 6px 6px 10px;}
&:last-child {padding:6px 18px 6px 24px;}
}
}
.btn-breadcrumb a:not(:last-child) {
&:after,
&:before {
position: absolute;
top: 50%;
left: 100%;
z-index: 3;
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
margin-top: -17px;
}
&:after {
border-left: 10px solid white;
}
&:before {
border-left: 10px solid rgb(173, 173, 173);
margin-left: 1px;
}
&:hover {
&:after {
border-left: 10px solid #ebebeb;
}
&:before {
border-left: 10px solid #adadad;
}
}
}
.separator { .separator {
.clearfix(); .clearfix();
margin-bottom: 25px; margin-bottom: 25px;
@ -446,6 +393,33 @@ label .list-group-item-text {
} }
/** Breadcrumb **/
@breadcrumb-bg: none;
.btn-breadcrumb {
.pull-left;
&:extend(.breadcrumb all);
// Bootstrap uses ul>li structure, we simply use <a>
a {
display: inline-block;
color: @gray-light;
& + a {
&:before {
display: inline-block;
content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
padding: 0 5px;
color: @breadcrumb-color;
}
}
&:hover,
&:focus {
color: @link-hover-color;
}
}
}
/** Beautiful checkbox/radio **/ /** Beautiful checkbox/radio **/
input[type='checkbox'].nice-checkbox, input[type='checkbox'].nice-checkbox,
input[type='radio'].nice-radio { input[type='radio'].nice-radio {