-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
.cfp-hotkeys-container {
display: flex !important;
left: 0;
color: #333;
font-size: 1em;
- background-color: rgba(255,255,255,0.9);
+ background-color: rgba(255, 255, 255, 0.9);
}
.cfp-hotkeys-container.fade {
z-index: -1024;
visibility: hidden;
opacity: 0;
- -webkit-transition: opacity 0.15s linear;
- -moz-transition: opacity 0.15s linear;
- -o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.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;
}