You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.2 KiB
69 lines
1.2 KiB
6 years ago
|
/**
|
||
|
* @file
|
||
|
* Styles for Magazine+'s breadcrumbs.
|
||
|
*/
|
||
|
.breadcrumb {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
background-color: transparent;
|
||
|
position: relative;
|
||
|
-webkit-border-radius: 0;
|
||
|
-moz-border-radius: 0;
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
.breadcrumb__items {
|
||
|
text-align: center;
|
||
|
font-size: 0;
|
||
|
padding: 30px 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.breadcrumb__item {
|
||
|
display: inline-block;
|
||
|
overflow: hidden;
|
||
|
vertical-align: top;
|
||
|
line-height: 1.75;
|
||
|
padding: 0 10px;
|
||
|
font-size: 24px;
|
||
|
}
|
||
|
.breadcrumb__item a {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.breadcrumb__item .breadcrumb__item-separator {
|
||
|
display: inline-block;
|
||
|
line-height: 1;
|
||
|
font-size: 16px;
|
||
|
padding: 0 14px 0 0;
|
||
|
vertical-align: initial;
|
||
|
}
|
||
|
.breadcrumb__item:first-child .breadcrumb__item-separator {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
/*breadcrumb layout*/
|
||
|
.container-fluid .block-system-breadcrumb-block {
|
||
|
margin-right: -15px;
|
||
|
margin-left: -15px;
|
||
|
}
|
||
|
.breadcrumb {
|
||
|
margin-right: auto;
|
||
|
margin-left: auto;
|
||
|
}
|
||
|
.container .breadcrumb {
|
||
|
width: auto;
|
||
|
}
|
||
|
@media (min-width: 768px) {
|
||
|
.breadcrumb {
|
||
|
width: 750px;
|
||
|
}
|
||
|
}
|
||
|
@media (min-width: 992px) {
|
||
|
.breadcrumb {
|
||
|
width: 970px;
|
||
|
}
|
||
|
}
|
||
|
@media (min-width: 1200px) {
|
||
|
.breadcrumb {
|
||
|
width: 1170px;
|
||
|
}
|
||
|
}
|