improvement(breadcrumb): simplification du style
This commit is contained in:
parent
9a64b33133
commit
34bd1310f7
1 changed files with 13 additions and 36 deletions
|
@ -1,44 +1,21 @@
|
|||
/* ------------------ BREADCRUMB ------------------- */
|
||||
|
||||
ul.breadcrumb, ol.breadcrumb, .breadcrumb {
|
||||
padding-top: 0em;
|
||||
background-color:transparent;
|
||||
margin: 0;
|
||||
padding-bottom:$lineheight;
|
||||
@include shape-style($button_large);
|
||||
background-color: $color-background-alt;
|
||||
&::before {
|
||||
background-color: $color-background-alt;
|
||||
}
|
||||
padding: $button_large/2;
|
||||
margin: 0 0 $lineheight;
|
||||
@include li-flex();
|
||||
}
|
||||
|
||||
.breadcrumb li.breadcrumb-item {
|
||||
padding:0;
|
||||
margin:0;
|
||||
&:not(:first-child) {
|
||||
margin: 0 0 0 1rem !important;
|
||||
}
|
||||
&:before {
|
||||
display:none;
|
||||
.breadcrumb {
|
||||
li:not(:first-child)::before {
|
||||
content:"/";
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
a, & > span {
|
||||
display:inline-block;
|
||||
@include button($button-large);
|
||||
@include button-fullcontrol($color-background-alt, accentuate($color-background-alt), get-color("dark2"));
|
||||
margin:0 $button-group-margin 0 $button-group-margin;
|
||||
outline-color: accentuate($color-background-alt)!important;
|
||||
text-decoration: none;
|
||||
|
||||
&.active {
|
||||
@include button-fullcontrol($color-secondary, $color-secondary, $color-font-light);
|
||||
.active {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) a, &:not(:first-child) > span {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius:0;
|
||||
}
|
||||
|
||||
&:not(:last-child) a, &:not(:last-child) > span {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius:0;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
Reference in a new issue