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-right-default {
22 @include chevron-right(0.55rem, 0.15rem);
27 @mixin chevron-down ($size, $border-width) {
28 @include chevron($size, $border-width);
31 transform: rotate(135deg);
34 @mixin chevron-down-default {
35 @include chevron-down(0.55rem, 0.15rem);
40 @mixin chevron-up ($size, $border-width) {
41 @include chevron($size, $border-width);
44 transform: rotate(-45deg);
47 @mixin chevron-up-default {
48 @include chevron-up(0.55rem, 0.15rem);
53 @mixin chevron-left ($size, $border-width) {
54 @include chevron($size, $border-width);
57 transform: rotate(-135deg);
60 @mixin chevron-left-default {
61 @include chevron-left(0.55rem, 0.15rem);
66 // ---------------------------------------------------------------------------
68 @mixin arrow-up ($size) {
71 border-left: $size solid transparent;
72 border-right: $size solid transparent;
73 border-bottom: $size solid pvar(--mainForegroundColor);
76 @mixin arrow-down ($size) {
79 border-left: $size solid transparent;
80 border-right: $size solid transparent;
81 border-top: $size solid pvar(--mainForegroundColor);