diff options
| author | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
|---|---|---|
| committer | Adam T. Carpenter <atc@53hor.net> | 2020-07-11 10:59:50 -0400 |
| commit | 66e98b7125c87706782b8247b8e0329473dbeb5a (patch) | |
| tree | 4d33c71e5462aa991199159f7fa70c1b3acf355b /styles/_sass/components/breadcrumb.sass | |
| parent | 52daf90e6206a67414b2de2f7b741b9af2cd959a (diff) | |
| download | cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.tar.xz cobalt-site-66e98b7125c87706782b8247b8e0329473dbeb5a.zip | |
reorganized assets and CSS, added a post
Diffstat (limited to 'styles/_sass/components/breadcrumb.sass')
| -rw-r--r-- | styles/_sass/components/breadcrumb.sass | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/styles/_sass/components/breadcrumb.sass b/styles/_sass/components/breadcrumb.sass new file mode 100644 index 0000000..bcbd15b --- /dev/null +++ b/styles/_sass/components/breadcrumb.sass @@ -0,0 +1,75 @@ +$breadcrumb-item-color: $link !default +$breadcrumb-item-hover-color: $link-hover !default +$breadcrumb-item-active-color: $text-strong !default + +$breadcrumb-item-padding-vertical: 0 !default +$breadcrumb-item-padding-horizontal: 0.75em !default + +$breadcrumb-item-separator-color: $grey-light !default + +.breadcrumb + @extend %block + @extend %unselectable + font-size: $size-normal + white-space: nowrap + a + align-items: center + color: $breadcrumb-item-color + display: flex + justify-content: center + padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal + &:hover + color: $breadcrumb-item-hover-color + li + align-items: center + display: flex + &:first-child a + padding-left: 0 + &.is-active + a + color: $breadcrumb-item-active-color + cursor: default + pointer-events: none + & + li::before + color: $breadcrumb-item-separator-color + content: "\0002f" + ul, + ol + align-items: flex-start + display: flex + flex-wrap: wrap + justify-content: flex-start + .icon + &:first-child + margin-right: 0.5em + &:last-child + margin-left: 0.5em + // Alignment + &.is-centered + ol, + ul + justify-content: center + &.is-right + ol, + ul + justify-content: flex-end + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + // Styles + &.has-arrow-separator + li + li::before + content: "\02192" + &.has-bullet-separator + li + li::before + content: "\02022" + &.has-dot-separator + li + li::before + content: "\000b7" + &.has-succeeds-separator + li + li::before + content: "\0227B" |