form.module.scss 837 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
25
    border-radius: 0;

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

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

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

.textArea {
    resize: none;
35
    border: 1px solid #000;
Kim, Subin's avatar
Kim, Subin committed
36
37
38
39
40
    border-radius: 0;

    &:focus {
        border-color: crimson;
    }
Kim, Subin's avatar
Kim, Subin committed
41
}