-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathapp.css
More file actions
66 lines (62 loc) · 1.39 KB
/
app.css
File metadata and controls
66 lines (62 loc) · 1.39 KB
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
@font-face {
/* Reference name */
font-family: 'OpenSans';
/* For multiple files use commas, ex: url(), url(), ... */
src: url('/fonts/OpenSans.ttf');
}
html,
body {
@apply h-full overflow-hidden;
background-color: rgb(200, 199, 194);
background-image: radial-gradient(at 0% 100%, hsla(194, 75%, 54%, 0.21) 0px, transparent 50%),
radial-gradient(at 100% 0%, hsla(194, 75%, 54%, 0.47) 0px, transparent 50%);
}
.variant-card {
@apply bg-primary-500/20 dark:bg-surface-500/20 ring-[1px] ring-primary-500 dark:ring-surface-500 ring-inset;
}
.page-container {
width: 100%;
}
@media (min-width: 640px) {
.page-container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.page-container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.page-container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.page-container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.page-container {
max-width: 1536px;
}
}
.page-container {
margin-left: auto;
margin-right: auto;
}
.page-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.page-container {
padding: 2.5rem 1rem;
}
@media (min-width: 768px) {
.page-container {
padding: 5rem 2.5rem;
}
}