-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
.btn-group-subscribe {
@include peertube-button;
- @include disable-default-a-behaviour;
- float: right;
- padding: 0;
-
- & > .btn,
- & > .dropdown > .dropdown-toggle {
- font-size: 15px;
+ button.dropdown-toggle {
+ font-size: $button-font-size;
+ line-height: 1.2;
}
&:not(.big) {
&.big {
height: 35px;
- & > button:first-child {
+ > button:first-child {
width: max-content;
min-width: 175px;
}
span:first-child {
line-height: 80%;
}
-
+
span:not(:first-child) {
font-size: 75%;
}
}
// Unlogged
- & > .dropdown > .dropdown-toggle span {
- padding-right: 3px;
+ > .dropdown > .dropdown-toggle span {
+ @include padding-right(5px);
}
// Logged
- & > .btn {
- padding-right: 4px;
+ > .btn {
+ @include padding-right(4px);
- & + .dropdown > button {
- padding-left: 2px;
+ + .dropdown > button {
+ @include padding-left(2px);
&::after {
position: relative;
}
span.followers-count {
- padding-left: 5px;
+ @include padding-left(5px);
}
}
+
&.unsubscribe-button {
.btn {
@include grey-button;
+
font-weight: 600;
}
}
span:not(:first-child) {
font-size: 60%;
- text-align: left;
+ text-align: start;
}
}