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;
57 font-weight: $font-bold;
58 margin-bottom: 0.5rem;
62 &:not(.callout-light) {
63 border-left-width: 0.25rem;
67 border-color: pvar(--mainColorLightest);
69 &:not(.callout-light) {
70 border-left-color: pvar(--mainColor);
75 // ---------------------------------------------------------------------------
79 top: #{- ($header-height + 20px)};
86 top: #{- ($header-height + $sub-menu-height + 20px)};
90 // ---------------------------------------------------------------------------
94 background-color: pvar(--mainColorVeryLight);
95 border: 2px solid pvar(--mainColorLightest);
99 // ---------------------------------------------------------------------------