]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blame - client/src/sass/class-helpers/_forms.scss
Refactoring class helpers + add bootstrap mixins
[github/Chocobozzz/PeerTube.git] / client / src / sass / class-helpers / _forms.scss
CommitLineData
27f84cc3
W
1@use '_variables' as *;
2@use '_mixins' as *;
3
4.form-group {
5 margin-bottom: 1rem;
6}
7
8.input-error:not(:focus) {
9
10 &,
11 +.nav-preview,
12 // Markdown textarea
13 +*+.tab-content {
14 border-color: $red !important;
15 }
16}
17
18.input-group .input-error {
19 z-index: 3;
20}
21
22.form-error,
23.form-warning {
24 display: block;
25 margin-top: 5px;
26 font-size: 0.9em;
27}
28
29.form-error {
30 color: $red;
31}
32
33// Disable red error on input focus
34.input-error:focus,
35.input-group:focus-within {
36
37 +.form-error,
38 +*+.form-error,
39 // Markdown textarea
40 +*+*+.form-error {
41 color: pvar(--mainForegroundColor);
42 }
43}
44
45.form-group-description {
46 @include muted;
47
48 font-size: 14px;
49 margin-top: 10px;
50}
51
52label+.form-group-description {
53 margin-bottom: 10px;
54 margin-top: 0;
55}