]>
Commit | Line | Data |
---|---|---|
63c4db6d C |
1 | @import '_variables'; |
2 | @import '_mixins'; | |
3 | ||
cd83ea1b C |
4 | .action-button { |
5 | @include peertube-button-link; | |
457bb213 | 6 | @include button-with-icon(21px, 0, -2px); |
cd83ea1b | 7 | |
cd83ea1b | 8 | font-weight: $font-semibold; |
457bb213 C |
9 | color: $grey-foreground-color; |
10 | background-color: $grey-background-color; | |
cd83ea1b C |
11 | |
12 | &:hover { | |
457bb213 | 13 | background-color: $grey-background-hover-color; |
cd83ea1b C |
14 | } |
15 | ||
457bb213 C |
16 | my-global-icon { |
17 | @include apply-svg-color($grey-foreground-color); | |
cd83ea1b C |
18 | } |
19 | } | |
b17e8d89 C |
20 | |
21 | // In a table, try to minimize the space taken by this button | |
22 | @media screen and (max-width: 1400px) { | |
23 | :host-context(td) { | |
24 | .action-button { | |
25 | padding: 0 13px; | |
26 | } | |
27 | ||
28 | .button-label { | |
29 | display: none; | |
30 | } | |
31 | } | |
32 | } |