Fix form control focus colors

[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _icons.scss

diff --git a/client/src/sass/include/_icons.scss b/client/src/sass/include/_icons.scss
index 5d8a312db7a57fee286aab5104df8cafbf26f9db..08a0c02e39d0244f8cf8f669f9a70d1495ce64a0 100644 (file)
--- a/client/src/sass/include/_icons.scss
+++ b/client/src/sass/include/_icons.scss
@@ -18,6 +18,12 @@
   transform: rotate(45deg);
 }
 
+@mixin chevron-right-default {
+  @include chevron-right(0.55rem, 0.15rem);
+
+  margin: 0 8px;
+}
+
 @mixin chevron-down ($size, $border-width) {
   @include chevron($size, $border-width);
 
@@ -25,6 +31,12 @@
   transform: rotate(135deg);
 }
 
+@mixin chevron-down-default {
+  @include chevron-down(0.55rem, 0.15rem);
+
+  margin: 0 8px;
+}
+
 @mixin chevron-up ($size, $border-width) {
   @include chevron($size, $border-width);
 
@@ -32,6 +44,12 @@
   transform: rotate(-45deg);
 }
 
+@mixin chevron-up-default {
+  @include chevron-up(0.55rem, 0.15rem);
+
+  margin: 0 8px;
+}
+
 @mixin chevron-left ($size, $border-width) {
   @include chevron($size, $border-width);
 
@@ -39,6 +57,12 @@
   transform: rotate(-135deg);
 }
 
+@mixin chevron-left-default {
+  @include chevron-left(0.55rem, 0.15rem);
+
+  margin: 0 8px;
+}
+
 // ---------------------------------------------------------------------------
 
 @mixin arrow-up ($size) {