diff options
Diffstat (limited to 'client/src/sass/include')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index e1b1bb32c..f905f9ae5 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -279,3 +279,27 @@ | |||
279 | width: $size; | 279 | width: $size; |
280 | height: $size; | 280 | height: $size; |
281 | } | 281 | } |
282 | |||
283 | @mixin chevron ($size, $border-width) { | ||
284 | border-style: solid; | ||
285 | border-width: $border-width $border-width 0 0; | ||
286 | content: ''; | ||
287 | display: inline-block; | ||
288 | transform: rotate(-45deg); | ||
289 | height: $size; | ||
290 | width: $size; | ||
291 | } | ||
292 | |||
293 | @mixin chevron-right ($size, $border-width) { | ||
294 | @include chevron($size, $border-width); | ||
295 | |||
296 | left: 0; | ||
297 | transform: rotate(45deg); | ||
298 | } | ||
299 | |||
300 | @mixin chevron-left ($size, $border-width) { | ||
301 | @include chevron($size, $border-width); | ||
302 | |||
303 | left: 0.25em; | ||
304 | transform: rotate(-135deg); | ||
305 | } | ||