@mixin peertube-textarea ($width, $height) {
@include peertube-input-text($width);
- color: pvar(--textareaForegroundColor);
- background-color: pvar(--textareaBackgroundColor);
+ color: pvar(--textareaForegroundColor) !important;
+ background-color: pvar(--textareaBackgroundColor) !important;
height: $height;
padding: 5px 15px;
font-size: 15px;
@mixin grey-button {
@include button-focus($grey-button-outline-color);
- background-color: $grey-background-color;
+ background-color: pvar(--greyBackgroundColor);
color: pvar(--greyForegroundColor);
&:hover,
&[disabled],
&.disabled {
color: pvar(--greyForegroundColor);
- background-color: $grey-background-hover-color;
+ background-color: pvar(--greySecondaryBackgroundColor);
}
&[disabled],
}
@mixin peertube-button {
- @include padding(0, 17px, 0, 13px);
+ padding: 0 13px;
border: 0;
font-weight: $font-semibold;
text-align: center;
cursor: pointer;
+
+ my-global-icon + * {
+ @include margin-right(4px);
+ }
}
@mixin peertube-button-link {
height: $avatar-height;
my-actor-avatar {
- @include actor-avatar-size($avatar-height);
+ display: inline-block;
}
div {