1 @use '_variables' as *;
4 @mixin responsive-label {
20 display: inline-block;
24 span[class$=-button] {
26 @include margin-left(5px);
31 width: 100%; // useful for ellipsis, allow to define a max-width on host component
34 @include button-with-icon(21px);
37 &.icon-only my-global-icon {
44 @include peertube-button;
49 @include peertube-button-link;
54 @include orange-button;
66 // In a table, try to minimize the space taken by this button
67 @media screen and (max-width: 1400px) {
69 @include responsive-label;
73 @media screen and (max-width: $small-view) {
75 @include responsive-label;