diff options
Diffstat (limited to 'client/src/sass/include/_icons.scss')
-rw-r--r-- | client/src/sass/include/_icons.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/client/src/sass/include/_icons.scss b/client/src/sass/include/_icons.scss index 5d8a312db..08a0c02e3 100644 --- a/client/src/sass/include/_icons.scss +++ b/client/src/sass/include/_icons.scss | |||
@@ -18,6 +18,12 @@ | |||
18 | transform: rotate(45deg); | 18 | transform: rotate(45deg); |
19 | } | 19 | } |
20 | 20 | ||
21 | @mixin chevron-right-default { | ||
22 | @include chevron-right(0.55rem, 0.15rem); | ||
23 | |||
24 | margin: 0 8px; | ||
25 | } | ||
26 | |||
21 | @mixin chevron-down ($size, $border-width) { | 27 | @mixin chevron-down ($size, $border-width) { |
22 | @include chevron($size, $border-width); | 28 | @include chevron($size, $border-width); |
23 | 29 | ||
@@ -25,6 +31,12 @@ | |||
25 | transform: rotate(135deg); | 31 | transform: rotate(135deg); |
26 | } | 32 | } |
27 | 33 | ||
34 | @mixin chevron-down-default { | ||
35 | @include chevron-down(0.55rem, 0.15rem); | ||
36 | |||
37 | margin: 0 8px; | ||
38 | } | ||
39 | |||
28 | @mixin chevron-up ($size, $border-width) { | 40 | @mixin chevron-up ($size, $border-width) { |
29 | @include chevron($size, $border-width); | 41 | @include chevron($size, $border-width); |
30 | 42 | ||
@@ -32,6 +44,12 @@ | |||
32 | transform: rotate(-45deg); | 44 | transform: rotate(-45deg); |
33 | } | 45 | } |
34 | 46 | ||
47 | @mixin chevron-up-default { | ||
48 | @include chevron-up(0.55rem, 0.15rem); | ||
49 | |||
50 | margin: 0 8px; | ||
51 | } | ||
52 | |||
35 | @mixin chevron-left ($size, $border-width) { | 53 | @mixin chevron-left ($size, $border-width) { |
36 | @include chevron($size, $border-width); | 54 | @include chevron($size, $border-width); |
37 | 55 | ||
@@ -39,6 +57,12 @@ | |||
39 | transform: rotate(-135deg); | 57 | transform: rotate(-135deg); |
40 | } | 58 | } |
41 | 59 | ||
60 | @mixin chevron-left-default { | ||
61 | @include chevron-left(0.55rem, 0.15rem); | ||
62 | |||
63 | margin: 0 8px; | ||
64 | } | ||
65 | |||
42 | // --------------------------------------------------------------------------- | 66 | // --------------------------------------------------------------------------- |
43 | 67 | ||
44 | @mixin arrow-up ($size) { | 68 | @mixin arrow-up ($size) { |