57 lines
1.3 KiB
Sass
57 lines
1.3 KiB
Sass
|
=caret-down
|
||
|
|
border-top: $caret-width solid
|
||
|
|
border-right: $caret-width solid transparent
|
||
|
|
border-bottom: 0
|
||
|
|
border-left: $caret-width solid transparent
|
||
|
|
|
||
|
|
=caret-up
|
||
|
|
border-top: 0
|
||
|
|
border-right: $caret-width solid transparent
|
||
|
|
border-bottom: $caret-width solid
|
||
|
|
border-left: $caret-width solid transparent
|
||
|
|
|
||
|
|
=caret-right
|
||
|
|
border-top: $caret-width solid transparent
|
||
|
|
border-right: 0
|
||
|
|
border-bottom: $caret-width solid transparent
|
||
|
|
border-left: $caret-width solid
|
||
|
|
|
||
|
|
=caret-left
|
||
|
|
border-top: $caret-width solid transparent
|
||
|
|
border-right: $caret-width solid
|
||
|
|
border-bottom: $caret-width solid transparent
|
||
|
|
|
||
|
|
=caret($direction: down)
|
||
|
|
@if $enable-caret
|
||
|
|
&::after
|
||
|
|
display: inline-block
|
||
|
|
width: 0
|
||
|
|
height: 0
|
||
|
|
margin-left: $caret-width * 0.85
|
||
|
|
vertical-align: $caret-width * 0.85
|
||
|
|
content: ""
|
||
|
|
|
||
|
|
@if $direction == down
|
||
|
|
+caret-down
|
||
|
|
@else if $direction == up
|
||
|
|
+caret-up
|
||
|
|
@else if $direction == right
|
||
|
|
+caret-right
|
||
|
|
|
||
|
|
@if $direction == left
|
||
|
|
&::after
|
||
|
|
display: none
|
||
|
|
|
||
|
|
&::before
|
||
|
|
display: inline-block
|
||
|
|
width: 0
|
||
|
|
height: 0
|
||
|
|
margin-right: $caret-width * 0.85
|
||
|
|
vertical-align: $caret-width * 0.85
|
||
|
|
content: ""
|
||
|
|
|
||
|
|
+caret-left
|
||
|
|
|
||
|
|
&:empty::after
|
||
|
|
margin-left: 0
|