1 @use '_variables' as *;
7 color: pvar(--mainForegroundColor);
8 font-weight: $font-semibold;
9 border-bottom: 0.18em solid pvar(--mainColor);
10 display: inline-block;
14 color: pvar(--mainForegroundColor);
20 display: inline-block;
21 border-bottom: 0.19em solid pvar(--mainColor);
24 // ---------------------------------------------------------------------------
30 // ---------------------------------------------------------------------------
33 @include peertube-badge;
36 // ---------------------------------------------------------------------------
43 flex-direction: column;
45 justify-content: center;
46 font-weight: $font-semibold;
49 // ---------------------------------------------------------------------------
52 @include chevron-down-default;
56 @include chevron-up-default;
60 @include chevron-right-default;
64 @include chevron-left-default;
67 // ---------------------------------------------------------------------------
71 border: 1px solid #eee;
72 border-radius: 0.25rem;
79 color: #6c757d !important;
82 &:not(.callout-light) {
83 border-left-width: 0.25rem;
87 border-color: pvar(--mainColorLightest);
89 &:not(.callout-light) {
90 border-left-color: pvar(--mainColor);
95 // ---------------------------------------------------------------------------
99 top: #{- ($header-height + 20px)};
106 top: #{- ($header-height + $sub-menu-height + 20px)};
110 // ---------------------------------------------------------------------------
114 background-color: pvar(--mainColorVeryLight);
115 border: 2px solid pvar(--mainColorLightest);
119 // ---------------------------------------------------------------------------