bulma and fontawesome instaled
[josuexyz/.git] / node_modules / bulma / sass / components / breadcrumb.sass
1 $breadcrumb-item-color: $link !default
2 $breadcrumb-item-hover-color: $link-hover !default
3 $breadcrumb-item-active-color: $text-strong !default
4
5 $breadcrumb-item-padding-vertical: 0 !default
6 $breadcrumb-item-padding-horizontal: 0.75em !default
7
8 $breadcrumb-item-separator-color: $border-hover !default
9
10 .breadcrumb
11   @extend %block
12   @extend %unselectable
13   font-size: $size-normal
14   white-space: nowrap
15   a
16     align-items: center
17     color: $breadcrumb-item-color
18     display: flex
19     justify-content: center
20     padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal
21     &:hover
22       color: $breadcrumb-item-hover-color
23   li
24     align-items: center
25     display: flex
26     &:first-child a
27       padding-left: 0
28     &.is-active
29       a
30         color: $breadcrumb-item-active-color
31         cursor: default
32         pointer-events: none
33     & + li::before
34       color: $breadcrumb-item-separator-color
35       content: "\0002f"
36   ul,
37   ol
38     align-items: flex-start
39     display: flex
40     flex-wrap: wrap
41     justify-content: flex-start
42   .icon
43     &:first-child
44       margin-right: 0.5em
45     &:last-child
46       margin-left: 0.5em
47   // Alignment
48   &.is-centered
49     ol,
50     ul
51       justify-content: center
52   &.is-right
53     ol,
54     ul
55       justify-content: flex-end
56   // Sizes
57   &.is-small
58     font-size: $size-small
59   &.is-medium
60     font-size: $size-medium
61   &.is-large
62     font-size: $size-large
63   // Styles
64   &.has-arrow-separator
65     li + li::before
66       content: "\02192"
67   &.has-bullet-separator
68     li + li::before
69       content: "\02022"
70   &.has-dot-separator
71     li + li::before
72       content: "\000b7"
73   &.has-succeeds-separator
74     li + li::before
75       content: "\0227B"