-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsettings.css
120 lines (102 loc) · 5.44 KB
/
settings.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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
.main {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.main .wrap {
padding: 0.5em 1em;
border-bottom: #0004 2px solid;
width: 100%;
align-items: center;
display: flex;
justify-content: center;
flex-direction: row;
display: grid;
grid-template-columns: 1fr 1fr;
}
.main .wrap .second {
font-size: 0.75em;
min-width: 200px;
}
.main .wrap .info {
display: inline-flex;
justify-content: space-between;
padding-right: 1em;
}
@media (max-width: 550px) {
.main .wrap .info {
display: inline-flex;
}
}
.main .wrap .info .hint {
color: var(--gray-color);
}
.main .wrap .choose {
border: none;
padding: 0.5em;
background: hsl(var(--hue),80%,83%);
border-radius: 0.5em;
}
.main .wrap .button {
cursor: pointer;
border: none;
padding: 0.5em;
font-size: 0.9em;
background: hsl(var(--hue),80%,78%);
border-radius: 0.5em;
transition: 200ms;
}
.main .wrap .nofocus {
--clr: hsl(var(--hue),80%,78%);
cursor: pointer;
border: none;
padding: 0.5em;
font-size: 0.9em;
border: 1px var(--clr) solid;
color: var(--clr);
background: transparent;
border-radius: 0.5em;
transition: 200ms;
}
.main .wrap .button:hover {
background: hsl(var(--hue),80%,70%);
}
.main .wrap .nofocus:hover {
--clr: hsl(var(--hue),80%,70%);
color: var(--background);
}
.main .wrap .input {
font-size: 0.9em;
border: none;
padding: 0.5em;
color: var(--main-fg);
background: #fff1;
border-radius: 0;
transition: 200ms;
border-bottom: hsla(var(--hue),80%,83%,10%) 3px solid;
}
.main .wrap .area {
font-size: 0.8em;
height: 8em;
border: none;
padding: 0.5em;
border-left: hsla(var(--hue),80%,83%,10%) 3px solid;
color: var(--main-fg);
background: #fff1;
border-radius: 0;
transition: 200ms;
}
.main .wrap .input:focus-within,
.main .wrap .area:focus-within {
outline: none;
}
.main .wrap .input:focus, .main .wrap .area:focus {
border-color: hsl(var(--hue),80%,83%);
}
.gridtwo {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 0.25em;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jc3Mvc2V0dGluZ3MuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6InNldHRpbmdzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tYWluIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG59XG5cbi5tYWluIC53cmFwIHtcbiAgICBwYWRkaW5nOiAwLjVlbSAxZW07XG4gICAgYm9yZGVyLWJvdHRvbTogIzAwMDQgMnB4IHNvbGlkO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyO1xufVxuXG4ubWFpbiAud3JhcCAuc2Vjb25kIHtcbiAgICBmb250LXNpemU6IDAuNzVlbTtcbiAgICBtaW4td2lkdGg6IDIwMHB4O1xufVxuXG5cbi5tYWluIC53cmFwIC5pbmZvIHtcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgcGFkZGluZy1yaWdodDogMWVtO1xufVxuQG1lZGlhIChtYXgtd2lkdGg6IDU1MHB4KSB7XG4gICAgLm1haW4gLndyYXAgLmluZm8ge1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICB9XG59XG4ubWFpbiAud3JhcCAuaW5mbyAuaGludCB7XG4gICAgY29sb3I6IHZhcigtLWdyYXktY29sb3IpO1xufVxuXG5cbi5tYWluIC53cmFwIC5jaG9vc2Uge1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICBiYWNrZ3JvdW5kOiBoc2wodmFyKC0taHVlKSw4MCUsODMlKTtcbiAgICBib3JkZXItcmFkaXVzOiAwLjVlbTtcbn1cblxuLm1haW4gLndyYXAgLmJ1dHRvbiB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICBmb250LXNpemU6IDAuOWVtO1xuICAgIGJhY2tncm91bmQ6IGhzbCh2YXIoLS1odWUpLDgwJSw3OCUpO1xuICAgIGJvcmRlci1yYWRpdXM6IDAuNWVtO1xuICAgIHRyYW5zaXRpb246IDIwMG1zO1xufVxuXG5cbi5tYWluIC53cmFwIC5ub2ZvY3VzIHtcbiAgICAtLWNscjogaHNsKHZhcigtLWh1ZSksODAlLDc4JSk7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBwYWRkaW5nOiAwLjVlbTtcbiAgICBmb250LXNpemU6IDAuOWVtO1xuICAgIGJvcmRlcjogMXB4IHZhcigtLWNscikgc29saWQ7XG4gICAgY29sb3I6IHZhcigtLWNscik7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgYm9yZGVyLXJhZGl1czogMC41ZW07XG4gICAgdHJhbnNpdGlvbjogMjAwbXM7XG59XG5cbi5tYWluIC53cmFwIC5idXR0b246aG92ZXIge1xuICAgIGJhY2tncm91bmQ6IGhzbCh2YXIoLS1odWUpLDgwJSw3MCUpO1xufVxuLm1haW4gLndyYXAgLm5vZm9jdXM6aG92ZXIge1xuICAgIC0tY2xyOiBoc2wodmFyKC0taHVlKSw4MCUsNzAlKTtcbiAgICBjb2xvcjogdmFyKC0tYmFja2dyb3VuZCk7XG59XG5cblxuXG4ubWFpbiAud3JhcCAuaW5wdXQge1xuICAgIGZvbnQtc2l6ZTogMC45ZW07XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDAuNWVtO1xuICAgIGNvbG9yOiB2YXIoLS1tYWluLWZnKTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmMTtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIHRyYW5zaXRpb246IDIwMG1zO1xuICAgIGJvcmRlci1ib3R0b206IGhzbGEodmFyKC0taHVlKSw4MCUsODMlLDEwJSkgM3B4IHNvbGlkO1xufVxuXG4ubWFpbiAud3JhcCAuYXJlYSB7XG4gICAgZm9udC1zaXplOiAwLjhlbTtcbiAgICBoZWlnaHQ6IDhlbTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgcGFkZGluZzogMC41ZW07XG4gICAgYm9yZGVyLWxlZnQ6IGhzbGEodmFyKC0taHVlKSw4MCUsODMlLDEwJSkgM3B4IHNvbGlkO1xuICAgIGNvbG9yOiB2YXIoLS1tYWluLWZnKTtcbiAgICBiYWNrZ3JvdW5kOiAjZmZmMTtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIHRyYW5zaXRpb246IDIwMG1zO1xufVxuXG4ubWFpbiAud3JhcCAuaW5wdXQ6Zm9jdXMtd2l0aGluLCBcbi5tYWluIC53cmFwIC5hcmVhOmZvY3VzLXdpdGhpbiB7XG4gICAgb3V0bGluZTogbm9uZTtcbn1cblxuLm1haW4gLndyYXAgLmlucHV0OmZvY3VzLCAubWFpbiAud3JhcCAuYXJlYTpmb2N1cyB7XG4gICAgYm9yZGVyLWNvbG9yOiBoc2wodmFyKC0taHVlKSw4MCUsODMlKTtcbn1cblxuLmdyaWR0d28ge1xuICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAyZnIgMWZyO1xuICAgIGNvbHVtbi1nYXA6IDAuMjVlbTtcbn1cbiJdfQ== */