Discover books, shows, and movies at your level. Track your progress by filling your Shelf with what you find, and share with other language learners. *No dusting required.
shlf.space
brookjeynes.dev
feat(oauth): save user into session storage feat(components): add header feat(router): add logout route refactor(views/login): simplify login form
1@import "tailwindcss";
2
3@utility container {
4 margin-inline: auto;
5 padding: 2rem 4rem;
6 max-width: 42rem;
7}
8
9@utility button {
10 display: flex;
11 align-items: center;
12 gap: theme(gap.2);
13 cursor: pointer;
14 border-width: 1px;
15 padding: theme(spacing.1) theme(spacing.2);
16
17 @variant hover {
18 background-color: theme(colors.gray.50)
19 }
20
21 @variant disabled {
22 opacity: 0.5;
23 cursor: not-allowed;
24 pointer-events: none;
25 }
26}
27
28@utility input {
29 padding: theme(spacing.1) theme(spacing.2);
30 border-width: 1px;
31 font-size: theme(text.sm);
32
33 @variant placeholder {
34 opacity: 0.75;
35 }
36}