3 @use '_variables' as *;
6 // ---------------------------------------------------------------------------
9 @include peertube-badge;
12 // ---------------------------------------------------------------------------
19 flex-direction: column;
21 justify-content: center;
22 font-weight: $font-semibold;
25 // ---------------------------------------------------------------------------
28 @include chevron-down-default;
32 @include chevron-up-default;
36 @include chevron-right-default;
40 @include chevron-left-default;
43 // ---------------------------------------------------------------------------
47 border: 1px solid #eee;
48 border-radius: 0.25rem;
55 color: #6c757d !important;
58 &:not(.callout-light) {
59 border-left-width: 0.25rem;
63 border-color: pvar(--mainColorLightest);
65 &:not(.callout-light) {
66 border-left-color: pvar(--mainColor);
71 // ---------------------------------------------------------------------------
75 top: #{- ($header-height + 20px)};
82 top: #{- ($header-height + $sub-menu-height + 20px)};
86 // ---------------------------------------------------------------------------
90 background-color: pvar(--mainColorVeryLight);
91 border: 2px solid pvar(--mainColorLightest);
95 // ---------------------------------------------------------------------------