1 @use '_variables' as *;
8 color: pvar(--mainForegroundColor);
9 font-weight: $font-semibold;
10 border-bottom: 0.18em solid pvar(--mainColor);
11 display: inline-block;
15 color: pvar(--mainForegroundColor);
21 display: inline-block;
22 border-bottom: 0.19em solid pvar(--mainColor);
25 // ---------------------------------------------------------------------------
28 @include peertube-button;
31 .peertube-button-big {
32 @include peertube-button-big;
35 .peertube-button-link {
36 @include peertube-button-link;
39 .peertube-button-big-link {
40 @include peertube-button-big-link;
44 @include orange-button;
47 .orange-button-inverted {
48 @include orange-button-inverted;
56 @include tertiary-button;
59 .peertube-radio-container {
60 @include peertube-radio-container;
63 // ---------------------------------------------------------------------------
69 // ---------------------------------------------------------------------------
72 @include peertube-badge;
75 // ---------------------------------------------------------------------------
81 .input-error:not(:focus) {
83 + .nav-preview, // Markdown textarea
85 border-color: $red !important;
89 .input-group .input-error {
104 // Disable red error on input focus
106 .input-group:focus-within {
108 + * + .form-error, // Markdown textarea
109 + * + * + .form-error {
110 color: pvar(--mainForegroundColor);
114 .form-group-description {
121 label + .form-group-description {
126 // ---------------------------------------------------------------------------
130 @include disable-default-a-behaviour;
131 @include margin-right(55px);
134 color: pvar(--mainForegroundColor);
135 display: inline-block;
136 font-weight: $font-semibold;
137 border-bottom: 2px solid transparent;
142 border-bottom-color: pvar(--mainColor);
148 color: pvar(--mainForegroundColor);
156 outline: 0 hidden !important;
159 @media screen and (max-width: $mobile-view) {
160 @include margin-left(15px);
171 @include margin-right(55px);
176 color: pvar(--mainForegroundColor);
177 display: inline-block;
178 font-weight: $font-semibold;
182 @include disable-default-a-behaviour;
192 @media screen and (max-width: $mobile-view) {
193 @include margin-left(15px);
202 @media screen and (max-width: $small-view) {
203 flex-direction: column;
207 // ---------------------------------------------------------------------------
214 flex-direction: column;
216 justify-content: center;
217 font-weight: $font-semibold;
220 // ---------------------------------------------------------------------------
223 @include chevron-down-default;
227 @include chevron-up-default;
231 @include chevron-right-default;
235 @include chevron-left-default;
238 // ---------------------------------------------------------------------------
242 border: 1px solid #eee;
243 border-radius: .25rem;
250 color: #6c757d !important;
253 &:not(.callout-light) {
254 border-left-width: .25rem;
258 border-color: pvar(--mainColorLightest);
260 &:not(.callout-light) {
261 border-left-color: pvar(--mainColor);
266 // ---------------------------------------------------------------------------
270 top: #{-($header-height + 20px)};
273 .offset-content { // if sub-menu fixed
275 top: #{-($header-height + $sub-menu-height + 20px)};
279 // ---------------------------------------------------------------------------
283 background-color: pvar(--mainColorVeryLight);
284 border: 2px solid pvar(--mainColorLightest);
288 // ---------------------------------------------------------------------------