@use 'sass:math';
@use '_variables' as *;
+@import '_bootstrap-mixins';
+
+
@mixin disable-default-a-behaviour {
&:hover,
&:focus,
}
@mixin peertube-input-text($width) {
- padding: 0 15px;
+ padding: 4px 15px;
display: inline-block;
- height: $button-height;
width: $width;
max-width: $width;
color: pvar(--inputForegroundColor);
}
select {
- padding: 0 35px 0 12px;
+ padding: 4px 35px 4px 12px;
position: relative;
border: 1px solid pvar(--inputBorderColor);
background: transparent none;
appearance: none;
- height: $button-height;
text-overflow: ellipsis;
color: pvar(--mainForegroundColor);
font-size: $form-input-font-size;
@mixin margin ($block-start, $inline-end, $block-end, $inline-start) {
@include margin-left($inline-start);
@include margin-right($inline-end);
-
- margin-top: $block-start;
- margin-bottom: $block-end;
+ @include margin-top($block-start);
+ @include margin-bottom($block-end);
}
@mixin padding ($block-start, $inline-end, $block-end, $inline-start) {
@include padding-left($inline-start);
@include padding-right($inline-end);
-
- padding-top: $block-start;
- padding-bottom: $block-end;
+ @include padding-top($block-start);
+ @include padding-bottom($block-end);
}
@mixin margin-left ($value) {
@supports (margin-inline-start: $value) {
- margin-inline-start: $value;
+ @include rfs($value, margin-inline-start);
}
@supports not (margin-inline-start: $value) {
- margin-left: $value;
+ @include rfs($value, margin-left);
}
}
@mixin margin-right ($value) {
@supports (margin-inline-end: $value) {
- margin-inline-end: $value;
+ @include rfs($value, margin-inline-end);
}
@supports not (margin-inline-end: $value) {
- margin-right: $value;
+ @include rfs($value, margin-right);
}
}
@mixin padding-left ($value) {
@supports (padding-inline-start: $value) {
- padding-inline-start: $value;
+ @include rfs($value, padding-inline-start);
}
@supports not (padding-inline-start: $value) {
- padding-left: $value;
+ @include rfs($value, padding-left);
}
}
@mixin padding-right ($value) {
@supports (padding-inline-end: $value) {
- padding-inline-end: $value;
+ @include rfs($value, padding-inline-end);
}
@supports not (padding-inline-end: $value) {
- padding-right: $value;
+ @include rfs($value, padding-right);
}
}