Update style.css
Browse files
style.css
CHANGED
@@ -4,6 +4,69 @@
|
|
4 |
margin: 0;
|
5 |
font-family: sans-serif;
|
6 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
7 |
|
8 |
html,
|
9 |
body {
|
|
|
4 |
margin: 0;
|
5 |
font-family: sans-serif;
|
6 |
}
|
7 |
+
body {
|
8 |
+
min-height: 100vh;
|
9 |
+
min-height: -webkit-fill-available;
|
10 |
+
}
|
11 |
+
|
12 |
+
html {
|
13 |
+
height: -webkit-fill-available;
|
14 |
+
}
|
15 |
+
|
16 |
+
main {
|
17 |
+
height: 100vh;
|
18 |
+
height: -webkit-fill-available;
|
19 |
+
max-height: 100vh;
|
20 |
+
overflow-x: auto;
|
21 |
+
overflow-y: hidden;
|
22 |
+
}
|
23 |
+
|
24 |
+
.dropdown-toggle { outline: 0; }
|
25 |
+
|
26 |
+
.btn-toggle {
|
27 |
+
padding: .25rem .5rem;
|
28 |
+
font-weight: 600;
|
29 |
+
color: var(--bs-emphasis-color);
|
30 |
+
background-color: transparent;
|
31 |
+
}
|
32 |
+
.btn-toggle:hover,
|
33 |
+
.btn-toggle:focus {
|
34 |
+
color: rgba(var(--bs-emphasis-color-rgb), .85);
|
35 |
+
background-color: var(--bs-tertiary-bg);
|
36 |
+
}
|
37 |
+
|
38 |
+
.btn-toggle::before {
|
39 |
+
width: 1.25em;
|
40 |
+
line-height: 0;
|
41 |
+
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
|
42 |
+
transition: transform .35s ease;
|
43 |
+
transform-origin: .5em 50%;
|
44 |
+
}
|
45 |
+
|
46 |
+
[data-bs-theme="dark"] .btn-toggle::before {
|
47 |
+
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
|
48 |
+
}
|
49 |
+
|
50 |
+
.btn-toggle[aria-expanded="true"] {
|
51 |
+
color: rgba(var(--bs-emphasis-color-rgb), .85);
|
52 |
+
}
|
53 |
+
.btn-toggle[aria-expanded="true"]::before {
|
54 |
+
transform: rotate(90deg);
|
55 |
+
}
|
56 |
+
|
57 |
+
.btn-toggle-nav a {
|
58 |
+
padding: .1875rem .5rem;
|
59 |
+
margin-top: .125rem;
|
60 |
+
margin-left: 1.25rem;
|
61 |
+
}
|
62 |
+
.btn-toggle-nav a:hover,
|
63 |
+
.btn-toggle-nav a:focus {
|
64 |
+
background-color: var(--bs-tertiary-bg);
|
65 |
+
}
|
66 |
+
|
67 |
+
.scrollarea {
|
68 |
+
overflow-y: auto;
|
69 |
+
}
|
70 |
|
71 |
html,
|
72 |
body {
|