-
Notifications
You must be signed in to change notification settings - Fork 0
/
formStyles.css
68 lines (52 loc) · 1.23 KB
/
formStyles.css
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
65
66
67
68
.form{
@apply grid gap-4 w-full
}
.field{
@apply grid gap-1
}
.label{
@apply text-[#97A3B6]
}
.label-error{
@apply text-red-500
}
.input{
@apply border rounded-md text-black py-2 px-3 w-full
}
.icon-radio-group{
@apply flex gap-4 flex-wrap
}
.icon-radio-group input[type="radio"],
.status-radio-group input[type="radio"]{
@apply sr-only
}
.icon-radio-group label{
@apply inline-block cursor-pointer p-3 bg-[#E3E8EF] rounded-xl
}
.icon-radio-group input[type="radio"]:checked + label {
@apply outline outline-[3px] outline-[#3662E3]
}
.icon-radio-group input[type="radio"]:focus + label {
@apply bg-gray-300
}
.status-radio-group{
@apply grid xs:grid-cols-2 gap-2
}
.status-radio-group label{
@apply flex items-center gap-2 font-semibold rounded-xl p-1 pr-3 border-[3px] border-[#E3E8EF] cursor-pointer
}
.status-radio-group label span {
@apply hidden
}
.status-radio-group input[type="radio"]:checked + label {
@apply border-[#3662E3]
}
.status-radio-group input[type="radio"]:checked + label span {
@apply flex
}
.button{
@apply flex items-center justify-center gap-3 px-5 py-2 text-white rounded-3xl cursor-pointer
}
.button:disabled{
@apply cursor-not-allowed opacity-60
}