Stack/src/BootstrapAdminUi/assets/styles/_form.scss at 02fa52d26b69ac68cdea53f2700daddb4b53bf45 · camilleislasse/Stack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
/*!
 * This file is part of the Sylius package.
 *
 * (c) Sylius Sp. z o.o.
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

textarea.form-control {
    min-height: 8rem;
    height: 12rem;
}

.tab-error {
    @extend .float-end;
    @extend .badge;
    @extend .bg-danger;
    @extend .rounded-pill;
    @extend .text-white;
}

.accordion-error {
    @extend .position-absolute;
    @extend .top-50;
    @extend .start-0;
    @extend .translate-middle;
    @extend .badge;
    @extend .rounded-pill;
    @extend .bg-danger;
    @extend .text-white;
}

.accordion-item:has(.accordion-error),
.list-group-item:has(.tab-error),
.list-group-item.active:has(.tab-error) {
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: var(--tblr-danger);
}

.form-select:disabled {
    color: var(--tblr-gray-600);
}

.input-group {
    box-shadow: none;

    .form-check {
        flex-grow: 1;
    }

    .input-group-text {
        color: var(--tblr-gray-600);
    }
}

.form-control, .form-select {
    min-height: 44px;
}

.form-control:focus {
    box-shadow: none;
}