v1
This commit is contained in:
@@ -0,0 +1,84 @@
|
||||
//
|
||||
// Breadcrumb
|
||||
//
|
||||
|
||||
// Bootstrap Overrides
|
||||
|
||||
.breadcrumb {
|
||||
border: $breadcrumb-border;
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Custom
|
||||
//
|
||||
|
||||
// Size Variations
|
||||
|
||||
.breadcrumb-sm {
|
||||
font-size: $breadcrumb-font-size-sm;
|
||||
}
|
||||
|
||||
|
||||
.breadcrumb-links {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
@include border-radius(0);
|
||||
|
||||
.breadcrumb-item {
|
||||
|
||||
// Separator
|
||||
|
||||
+ .breadcrumb-item::before {
|
||||
content: "";
|
||||
width: .3rem;
|
||||
height: .6rem;
|
||||
margin-right: $breadcrumb-item-padding;
|
||||
-webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMCAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICA8ZyBpZD0iY2hldnJvbi1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIuNSI+ICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDEyIDYgNiAwIDAiPjwvcG9seWxpbmU+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
|
||||
mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMHB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxMCAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICA8ZyBpZD0iY2hldnJvbi1yaWdodCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4wMDAwMDAsIDIuMDAwMDAwKSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2Utd2lkdGg9IjIuNSI+ICAgICAgICAgICAgPHBvbHlsaW5lIGlkPSJTaGFwZSIgcG9pbnRzPSIwIDEyIDYgNiAwIDAiPjwvcG9seWxpbmU+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=) no-repeat 50% 50%;
|
||||
-webkit-mask-size: contain;
|
||||
mask-size: contain;
|
||||
background: $breadcrumb-divider-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-dark {
|
||||
.breadcrumb-item {
|
||||
a {
|
||||
color: rgba($white, .8);
|
||||
|
||||
&:hover {
|
||||
color: rgba($white, 1);
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: rgba($white, .6);
|
||||
}
|
||||
|
||||
+ .breadcrumb-item {
|
||||
&::before {
|
||||
color: rgba($white, .8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-light {
|
||||
.breadcrumb-item {
|
||||
a {
|
||||
color: rgba($dark, .8);
|
||||
|
||||
&:hover {
|
||||
color: rgba($dark, 1);
|
||||
}
|
||||
}
|
||||
|
||||
+.breadcrumb-item {
|
||||
&::before {
|
||||
color: rgba($dark, .8);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user