form.module.scss 986 Bytes
Newer Older
Kim, Subin's avatar
Kim, Subin committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.checkBox {
    border-color: black;

    &:focus {
        border-color: black;
    }

    &:checked {
        border-color: crimson;
        background-color: crimson;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    }
}

.textInput {
    border: none;
17
    border-bottom: 1px solid #000;
Kim, Subin's avatar
Kim, Subin committed
18
19
20
21
22
23
24

    &:focus {
        border-color: crimson;
    }
}

.dateInput {
Kim, Subin's avatar
Kim, Subin committed
25
26
    font-size: 0.75rem;

Kim, Subin's avatar
Kim, Subin committed
27
28
29
30
31
    &:focus {
        border-color: crimson;
    }
}

Kim, Subin's avatar
Kim, Subin committed
32
33
34
35
36
37
38
.selectInput {
    &:focus {
        box-shadow: none;
        border-color: crimson;
    }
}

Kim, Subin's avatar
Kim, Subin committed
39
40
.textArea {
    resize: none;
41
    border: 1px solid #000;
Kim, Subin's avatar
Kim, Subin committed
42
43
44
45
46
    border-radius: 0;

    &:focus {
        border-color: crimson;
    }
Kim, Subin's avatar
Kim, Subin committed
47
48
49
50
51
52
}

.list {
    height: 60vh;
    overflow-y: auto;
    padding-bottom: 4em;
Kim, Subin's avatar
Kim, Subin committed
53
}