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 // ---------------------------------------------------------------------------
27 @include peertube-button;
30 .peertube-button-big {
31 @include peertube-button-big;
34 .peertube-button-link {
35 @include peertube-button-link;
38 .peertube-button-big-link {
39 @include peertube-button-big-link;
43 @include orange-button;
46 .orange-button-inverted {
47 @include orange-button-inverted;
55 @include tertiary-button;
58 .peertube-radio-container {
59 @include peertube-radio-container;
62 // ---------------------------------------------------------------------------
65 color: pvar(--greyForegroundColor) !important;
68 // ---------------------------------------------------------------------------
71 @include peertube-badge;
74 // ---------------------------------------------------------------------------
80 .input-error:not(:focus) {
82 + .nav-preview, // Markdown textarea
84 border-color: $red !important;
88 .input-group .input-error {
103 // Disable red error on input focus
105 .input-group:focus-within {
107 + * + .form-error, // Markdown textarea
108 + * + * + .form-error {
109 color: pvar(--mainForegroundColor);
113 .form-group-description {
114 @extend .muted !optional;
120 label + .form-group-description {
125 // ---------------------------------------------------------------------------
129 @include disable-default-a-behaviour;
130 @include margin-right(55px);
133 color: pvar(--mainForegroundColor);
134 display: inline-block;
135 font-weight: $font-semibold;
136 border-bottom: 2px solid transparent;
141 border-bottom-color: pvar(--mainColor);
147 color: pvar(--mainForegroundColor);
155 outline: 0 hidden !important;
158 @media screen and (max-width: $mobile-view) {
159 @include margin-left(15px);
170 @include margin-right(55px);
175 color: pvar(--mainForegroundColor);
176 display: inline-block;
177 font-weight: $font-semibold;
181 @include disable-default-a-behaviour;
191 @media screen and (max-width: $mobile-view) {
192 @include margin-left(15px);
201 @media screen and (max-width: $small-view) {
202 flex-direction: column;
206 // ---------------------------------------------------------------------------
213 flex-direction: column;
215 justify-content: center;
216 font-weight: $font-semibold;
219 // ---------------------------------------------------------------------------
222 @include chevron-down(0.55rem, 0.15rem);
228 @include chevron-up(0.55rem, 0.15rem);
234 @include chevron-right(0.55rem, 0.15rem);
240 @include chevron-left(0.55rem, 0.15rem);
245 // ---------------------------------------------------------------------------
249 border: 1px solid #eee;
250 border-radius: .25rem;
257 color: #6c757d !important;
260 &:not(.callout-light) {
261 border-left-width: .25rem;
265 border-color: pvar(--mainColorLightest);
267 &:not(.callout-light) {
268 border-left-color: pvar(--mainColor);
273 // ---------------------------------------------------------------------------
277 top: #{-($header-height + 20px)};
280 .offset-content { // if sub-menu fixed
282 top: #{-($header-height + $sub-menu-height + 20px)};
286 // ---------------------------------------------------------------------------
290 background-color: pvar(--mainColorVeryLight);
291 border: 2px solid pvar(--mainColorLightest);