Move to sass @use

[github/Chocobozzz/PeerTube.git] / client / src / app / core / hotkeys / hotkeys.component.scss

diff --git a/client/src/app/core/hotkeys/hotkeys.component.scss b/client/src/app/core/hotkeys/hotkeys.component.scss
index b39ffa98d4987344439eb59d33c7ae240cddf454..f7658a37de4863919172fa2a916de67fbb935c61 100644 (file)
--- a/client/src/app/core/hotkeys/hotkeys.component.scss
+++ b/client/src/app/core/hotkeys/hotkeys.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .cfp-hotkeys-container {
   display: flex !important;
@@ -51,24 +51,25 @@
 
 .cfp-hotkeys-keys {
   padding: 5px;
-  text-align: right;
+  text-align: end;
 }
 
 .cfp-hotkeys-key {
+  @include margin-right(5px);
+
   display: inline-block;
   color: #fff;
   background-color: #333;
   border: 1px solid #333;
   border-radius: 5px;
   text-align: center;
-  margin-right: 5px;
   box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
   padding: 5px 9px;
   font-size: 1em;
 }
 
 .cfp-hotkeys-text {
-  padding-left: 10px;
+  @include padding-left(10px);
   font-size: 1em;
 }