bulma/sass/components/breadcrumb.sass

76 lines
1.7 KiB
Sass
Raw Normal View History

2017-10-10 08:54:53 +00:00
$breadcrumb-item-color: $link !default
2017-07-28 20:05:15 +00:00
$breadcrumb-item-hover-color: $link-hover !default
$breadcrumb-item-active-color: $text-strong !default
2018-04-09 09:35:44 +00:00
$breadcrumb-item-padding-vertical: 0 !default
$breadcrumb-item-padding-horizontal: 0.75em !default
2018-04-09 11:45:52 +00:00
$breadcrumb-item-separator-color: $grey-light !default
2017-07-28 20:05:15 +00:00
.breadcrumb
2018-09-04 13:24:50 +00:00
@extend %block
@extend %unselectable
font-size: $size-normal
white-space: nowrap
a
align-items: center
2017-07-28 20:05:15 +00:00
color: $breadcrumb-item-color
display: flex
justify-content: center
2018-04-09 09:35:44 +00:00
padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
&:hover
2017-07-28 20:05:15 +00:00
color: $breadcrumb-item-hover-color
li
align-items: center
display: flex
2017-09-18 21:37:58 +00:00
&:first-child a
padding-left: 0
&.is-active
a
2017-07-28 20:05:15 +00:00
color: $breadcrumb-item-active-color
cursor: default
pointer-events: none
2017-07-28 20:05:15 +00:00
& + li::before
color: $breadcrumb-item-separator-color
content: "\0002f"
2018-04-09 11:45:52 +00:00
ul,
ol
align-items: flex-start
display: flex
2018-04-09 11:45:52 +00:00
flex-wrap: wrap
justify-content: flex-start
.icon
&:first-child
margin-right: 0.5em
&:last-child
margin-left: 0.5em
// Alignment
&.is-centered
2018-04-09 11:45:52 +00:00
ol,
2018-04-13 15:17:50 +00:00
ul
justify-content: center
&.is-right
2018-04-09 11:45:52 +00:00
ol,
2018-04-13 15:17:50 +00:00
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
2017-07-28 20:05:15 +00:00
li + li::before
content: "\02192"
&.has-bullet-separator
2017-07-28 20:05:15 +00:00
li + li::before
content: "\02022"
&.has-dot-separator
2017-07-28 20:05:15 +00:00
li + li::before
content: "\000b7"
&.has-succeeds-separator
2017-07-28 20:05:15 +00:00
li + li::before
content: "\0227B"