diff options
Diffstat (limited to 'client/src/sass/class-helpers.scss')
-rw-r--r-- | client/src/sass/class-helpers.scss | 21 |
1 files changed, 7 insertions, 14 deletions
diff --git a/client/src/sass/class-helpers.scss b/client/src/sass/class-helpers.scss index 72381d1a8..bc965331a 100644 --- a/client/src/sass/class-helpers.scss +++ b/client/src/sass/class-helpers.scss | |||
@@ -2,6 +2,7 @@ | |||
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | @use '_badges' as *; | 3 | @use '_badges' as *; |
4 | @use '_icons' as *; | 4 | @use '_icons' as *; |
5 | @use '_fonts' as *; | ||
5 | 6 | ||
6 | .link-orange { | 7 | .link-orange { |
7 | color: pvar(--mainForegroundColor); | 8 | color: pvar(--mainForegroundColor); |
@@ -62,7 +63,7 @@ | |||
62 | // --------------------------------------------------------------------------- | 63 | // --------------------------------------------------------------------------- |
63 | 64 | ||
64 | .muted { | 65 | .muted { |
65 | color: pvar(--greyForegroundColor) !important; | 66 | @include muted; |
66 | } | 67 | } |
67 | 68 | ||
68 | // --------------------------------------------------------------------------- | 69 | // --------------------------------------------------------------------------- |
@@ -111,7 +112,7 @@ | |||
111 | } | 112 | } |
112 | 113 | ||
113 | .form-group-description { | 114 | .form-group-description { |
114 | @extend .muted !optional; | 115 | @include muted; |
115 | 116 | ||
116 | font-size: 14px; | 117 | font-size: 14px; |
117 | margin-top: 10px; | 118 | margin-top: 10px; |
@@ -219,27 +220,19 @@ label + .form-group-description { | |||
219 | // --------------------------------------------------------------------------- | 220 | // --------------------------------------------------------------------------- |
220 | 221 | ||
221 | .chevron-down { | 222 | .chevron-down { |
222 | @include chevron-down(0.55rem, 0.15rem); | 223 | @include chevron-down-default; |
223 | |||
224 | margin: 0 8px; | ||
225 | } | 224 | } |
226 | 225 | ||
227 | .chevron-up { | 226 | .chevron-up { |
228 | @include chevron-up(0.55rem, 0.15rem); | 227 | @include chevron-up-default; |
229 | |||
230 | margin: 0 8px; | ||
231 | } | 228 | } |
232 | 229 | ||
233 | .chevron-right { | 230 | .chevron-right { |
234 | @include chevron-right(0.55rem, 0.15rem); | 231 | @include chevron-right-default; |
235 | |||
236 | margin: 0 8px; | ||
237 | } | 232 | } |
238 | 233 | ||
239 | .chevron-left { | 234 | .chevron-left { |
240 | @include chevron-left(0.55rem, 0.15rem); | 235 | @include chevron-left-default; |
241 | |||
242 | margin: 0 8px; | ||
243 | } | 236 | } |
244 | 237 | ||
245 | // --------------------------------------------------------------------------- | 238 | // --------------------------------------------------------------------------- |