1 @use '_variables' as *;
3 @mixin chevron ($size, $border-width) {
5 border-width: $border-width $border-width 0 0;
8 transform: rotate(-45deg);
14 @mixin chevron-right ($size, $border-width) {
15 @include chevron($size, $border-width);
18 transform: rotate(45deg);
21 @mixin chevron-down ($size, $border-width) {
22 @include chevron($size, $border-width);
25 transform: rotate(135deg);
28 @mixin chevron-up ($size, $border-width) {
29 @include chevron($size, $border-width);
32 transform: rotate(-45deg);
35 @mixin chevron-left ($size, $border-width) {
36 @include chevron($size, $border-width);
39 transform: rotate(-135deg);
42 // ---------------------------------------------------------------------------
44 @mixin arrow-up ($size) {
47 border-left: $size solid transparent;
48 border-right: $size solid transparent;
49 border-bottom: $size solid pvar(--mainForegroundColor);
52 @mixin arrow-down ($size) {
55 border-left: $size solid transparent;
56 border-right: $size solid transparent;
57 border-top: $size solid pvar(--mainForegroundColor);