-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
input[type=text] {
@include peertube-input-text(300px);
.peertube-select-container {
@include peertube-select-container(auto);
+ @include margin-left(0.5rem);
}
h1 {
@include button-with-icon(18px, 3px, -1px);
&:not(:last-child) {
- margin-right: 10px;
+ @include margin-right(10px);
}
}
}
.action-button-delete-selection {
- display: inline-block;
-
@include peertube-button;
@include orange-button;
@include button-with-icon(21px);
+ display: inline-block;
+
my-global-icon {
@include apply-svg-color(#fff);
}
}
.action-button {
+ @include margin-left(10px);
+
display: flex;
- margin-left: 10px;
align-self: flex-end;
}
my-edit-button {
- margin-right: 10px;
+ @include margin-right(10px);
}
@include on-small-main-col {
}
.action-button {
+ @include margin-left(auto);
+
margin-top: 10px;
- margin-left: auto;
}
}
flex-direction: column;
input[type=text] {
- width: 100% !important;
+ width: 100%;
+ margin-bottom: 12px;
+ }
+ .peertube-select-container {
+ @include margin-left(0);
}
}
.action-button {
- margin-left: 0;
+ @include margin-left(0);
}
}