bulmil
Version:

103 lines (100 loc) • 1.98 kB
CSS
@charset "UTF-8";
.breadcrumb {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.breadcrumb:not(:last-child) {
margin-bottom: 1.5rem;
}
.breadcrumb {
font-size: 1rem;
white-space: nowrap;
}
.breadcrumb a {
-ms-flex-align: center;
align-items: center;
color: #5851ff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 0 0.75em;
}
.breadcrumb a:hover {
color: #363636;
}
.breadcrumb li {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
}
.breadcrumb li:first-child a {
padding-left: 0;
}
.breadcrumb li.is-active a {
color: #363636;
cursor: default;
pointer-events: none;
}
.breadcrumb li + li::before {
color: #b5b5b5;
content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
-ms-flex-align: start;
align-items: flex-start;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.breadcrumb .icon:first-child {
margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
-ms-flex-pack: center;
justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
-ms-flex-pack: end;
justify-content: flex-end;
}
.breadcrumb.is-small {
font-size: 0.75rem;
}
.breadcrumb.is-medium {
font-size: 1.25rem;
}
.breadcrumb.is-large {
font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
content: "≻";
}
bm-breadcrumb bm-icon:first-child .icon {
margin-right: 0.5em;
}
bm-breadcrumb bm-icon:last-child .icon {
margin-left: 0.5em;
}