Breadcrumbs: Initial styling.
This commit is contained in:
parent
a3b8a8933c
commit
d5a4c247b0
43
src/styles/components/_breadcrumbs.sass
Normal file
43
src/styles/components/_breadcrumbs.sass
Normal file
@ -0,0 +1,43 @@
|
||||
.breadcrumbs
|
||||
@extend .bg-dark
|
||||
@extend .text-secondary
|
||||
flex: 1
|
||||
font-size: $font-size-xs
|
||||
|
||||
ul
|
||||
@extend .d-flex
|
||||
@extend .list-unstyled
|
||||
@extend .m-0
|
||||
@extend .align-items-center
|
||||
|
||||
li
|
||||
@extend .position-relative
|
||||
@extend .pr-1
|
||||
|
||||
// Triangle indicator on the right of items.
|
||||
&:after
|
||||
content: '\e83a'
|
||||
font-family: "pillar-font"
|
||||
position: absolute
|
||||
right: 0
|
||||
top: $font-size-xs / 2.2
|
||||
|
||||
// Remove indicator on the last item.
|
||||
&:last-child
|
||||
&:after
|
||||
display: none
|
||||
|
||||
a, span
|
||||
@extend .d-block
|
||||
@extend .py-1
|
||||
@extend .px-2
|
||||
|
||||
a
|
||||
@extend .text-white
|
||||
|
||||
span
|
||||
cursor: default
|
||||
|
||||
// .breadcrumbs-container
|
||||
&-container
|
||||
@extend .d-flex
|
Loading…
x
Reference in New Issue
Block a user