50 lines
1008 B
Sass
50 lines
1008 B
Sass
.dropdown-container
|
|
position: relative
|
|
display: inline-block
|
|
.button.dropdown-trigger
|
|
padding-top: 4px
|
|
padding-bottom: 4px
|
|
margin-bottom: 0
|
|
.dropdown-trigger-icon
|
|
@extend .fa
|
|
@extend .fa-lg
|
|
@extend .fa-caret-left
|
|
margin-right: 6px
|
|
|
|
.dropdown-list-container
|
|
display: none
|
|
text-align: left
|
|
background-color: white
|
|
position: absolute
|
|
right: 0
|
|
margin: 0
|
|
min-width: 160px
|
|
z-index: 542
|
|
margin-top: 7px
|
|
border-radius: 4px
|
|
|
|
&:after
|
|
border: solid transparent
|
|
content: " "
|
|
height: 0
|
|
width: 0
|
|
position: absolute
|
|
pointer-events: none
|
|
border-width: 6px
|
|
border-bottom-color: white
|
|
bottom: 100%
|
|
right: 30px
|
|
|
|
|
|
ul
|
|
list-style: none
|
|
//&:hover
|
|
//.dropdown-list-container
|
|
//display: block
|
|
&.active
|
|
.dropdown-list-container
|
|
display: block
|
|
.button.dropdown-trigger
|
|
.dropdown-trigger-icon
|
|
@extend .fa-caret-down
|