Skip to content

Commit 56126c6

Browse files
anonriganonrig
committedNov 12, 2024·
enable more lint rules
1 parent c671fc0 commit 56126c6

File tree

9 files changed

+861
-684
lines changed

9 files changed

+861
-684
lines changed
 

‎app/globals.css

+24-24
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,75 @@
11
@tailwind base;
22
@tailwind components;
33
@tailwind utilities;
4-
4+
55
@layer base {
66
:root {
77
--background: 0 0% 100%;
88
--foreground: 222.2 47.4% 11.2%;
9-
9+
1010
--muted: 210 40% 96.1%;
1111
--muted-foreground: 215.4 16.3% 46.9%;
12-
12+
1313
--popover: 0 0% 100%;
1414
--popover-foreground: 222.2 47.4% 11.2%;
15-
15+
1616
--card: 0 0% 100%;
1717
--card-foreground: 222.2 47.4% 11.2%;
18-
18+
1919
--border: 214.3 31.8% 91.4%;
2020
--input: 214.3 31.8% 91.4%;
21-
21+
2222
--primary: 222.2 47.4% 11.2%;
2323
--primary-foreground: 210 40% 98%;
24-
24+
2525
--secondary: 210 40% 96.1%;
2626
--secondary-foreground: 222.2 47.4% 11.2%;
27-
27+
2828
--accent: 210 40% 96.1%;
2929
--accent-foreground: 222.2 47.4% 11.2%;
30-
30+
3131
--destructive: 0 100% 50%;
3232
--destructive-foreground: 210 40% 98%;
33-
33+
3434
--ring: 215 20.2% 65.1%;
35-
35+
3636
--radius: 0.5rem;
3737
}
38-
38+
3939
.dark {
4040
--background: 224 71% 4%;
4141
--foreground: 213 31% 91%;
42-
42+
4343
--muted: 223 47% 11%;
4444
--muted-foreground: 215.4 16.3% 56.9%;
45-
45+
4646
--popover: 224 71% 4%;
4747
--popover-foreground: 215 20.2% 65.1%;
48-
48+
4949
--card: 224 71% 4%;
5050
--card-foreground: 213 31% 91%;
51-
51+
5252
--border: 216 34% 17%;
5353
--input: 216 34% 17%;
54-
54+
5555
--primary: 210 40% 98%;
5656
--primary-foreground: 222.2 47.4% 1.2%;
57-
57+
5858
--secondary: 222.2 47.4% 11.2%;
5959
--secondary-foreground: 210 40% 98%;
60-
60+
6161
--accent: 216 34% 17%;
6262
--accent-foreground: 210 40% 98%;
63-
63+
6464
--destructive: 0 63% 31%;
6565
--destructive-foreground: 210 40% 98%;
66-
66+
6767
--ring: 216 34% 17%;
68-
68+
6969
--radius: 0.5rem;
7070
}
7171
}
72-
72+
7373
@layer base {
7474
* {
7575
@apply border-border;
@@ -78,4 +78,4 @@
7878
@apply bg-background text-foreground;
7979
font-feature-settings: "rlig" 1, "calt" 1;
8080
}
81-
}
81+
}

‎astro.config.mts

+1-1
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export default defineConfig({
7070
components: {
7171
SiteTitle: './astro/components/SiteTitle.astro',
7272
},
73-
favicon: './public/favicon-32x32.png',
73+
favicon: './favicon-32x32.png',
7474
logo: {
7575
light: './astro/assets/logo-light.svg',
7676
dark: './astro/assets/logo-dark.svg',

‎astro/components/playground/styles/form.module.css

+75-75
Original file line numberDiff line numberDiff line change
@@ -1,124 +1,124 @@
11
.formContainer {
2-
display: flex;
3-
flex-direction: column;
4-
row-gap: 1rem;
2+
display: flex;
3+
flex-direction: column;
4+
row-gap: 1rem;
55
}
66

77
form {
8-
display: flex;
9-
flex-direction: column;
10-
row-gap: 1rem;
8+
display: flex;
9+
flex-direction: column;
10+
row-gap: 1rem;
1111
}
1212

1313
form > div {
14-
display: flex;
15-
flex-direction: row;
16-
column-gap: 1rem;
14+
display: flex;
15+
flex-direction: row;
16+
column-gap: 1rem;
1717
}
1818

1919
.loader {
20-
margin-right: 0.5rem;
21-
width: 1rem;
22-
height: 1rem;
23-
animation: spin 1s linear infinite;
20+
margin-right: 0.5rem;
21+
width: 1rem;
22+
height: 1rem;
23+
animation: spin 1s linear infinite;
2424
}
2525

2626
.Button {
27-
display: inline-flex;
28-
align-items: center;
29-
justify-content: center;
30-
border-radius: 0.5rem;
31-
font-size: var(--sl-text-sm);
32-
font-weight: 600;
33-
background-color: var(--sl-color-gray-1);
34-
color: var(--sl-color-black);
35-
height: 2.5rem;
36-
width: fit-content;
37-
padding-inline: 1rem;
38-
outline-offset: 0.25rem;
39-
border-width: 0;
27+
display: inline-flex;
28+
align-items: center;
29+
justify-content: center;
30+
border-radius: 0.5rem;
31+
font-size: var(--sl-text-sm);
32+
font-weight: 600;
33+
background-color: var(--sl-color-gray-1);
34+
color: var(--sl-color-black);
35+
height: 2.5rem;
36+
width: fit-content;
37+
padding-inline: 1rem;
38+
outline-offset: 0.25rem;
39+
border-width: 0;
4040
}
4141

4242
.Button:hover {
43-
cursor: pointer;
43+
cursor: pointer;
4444
}
4545

4646
.Button:disabled {
47-
pointer-events: none;
48-
opacity: 0.5;
47+
pointer-events: none;
48+
opacity: 0.5;
4949
}
5050

5151
.Input {
52-
display: flex;
53-
width: 100%;
54-
height: 2.5rem;
55-
border-radius: 0.5rem;
56-
border: 1px solid var(--sl-color-gray-5);
57-
background-color: var(--sl-color-black);
58-
padding-block: 0.5rem;
59-
font-size: var(--sl-text-base);
60-
color: var(--sl-color-gray-2);
61-
padding-left: 0.5rem;
52+
display: flex;
53+
width: 100%;
54+
height: 2.5rem;
55+
border-radius: 0.5rem;
56+
border: 1px solid var(--sl-color-gray-5);
57+
background-color: var(--sl-color-black);
58+
padding-block: 0.5rem;
59+
font-size: var(--sl-text-base);
60+
color: var(--sl-color-gray-2);
61+
padding-left: 0.5rem;
6262
}
6363

6464
.Input:hover {
65-
border: 1px solid var(--sl-color-white);
65+
border: 1px solid var(--sl-color-white);
6666
}
6767

6868
.Input:disabled {
69-
cursor: not-allowed;
70-
opacity: 0.5;
69+
cursor: not-allowed;
70+
opacity: 0.5;
7171
}
7272

7373
.Label {
74-
position: relative;
75-
display: flex;
76-
justify-content: flex-end;
77-
align-items: center;
78-
gap: 0.25rem;
79-
color: var(--sl-color-gray-1);
74+
position: relative;
75+
display: flex;
76+
justify-content: flex-end;
77+
align-items: center;
78+
gap: 0.25rem;
79+
color: var(--sl-color-gray-1);
8080
}
8181

8282
.Icon {
83-
position: absolute;
84-
top: 50%;
85-
transform: translateY(-50%);
86-
pointer-events: none;
83+
position: absolute;
84+
top: 50%;
85+
transform: translateY(-50%);
86+
pointer-events: none;
8787
}
8888

8989
.Caret {
90-
width: 1rem;
91-
height: 1rem;
92-
inset-inline-end: 0;
90+
width: 1rem;
91+
height: 1rem;
92+
inset-inline-end: 0;
9393
}
9494

9595
.Select {
96-
align-self: self-end;
97-
background-color: transparent;
98-
text-overflow: ellipsis;
99-
color: inherit;
100-
cursor: pointer;
101-
appearance: none;
102-
font-size: var(--sl-text-sm);
103-
border: 0;
104-
padding-inline: 1.25rem;
96+
align-self: self-end;
97+
background-color: transparent;
98+
text-overflow: ellipsis;
99+
color: inherit;
100+
cursor: pointer;
101+
appearance: none;
102+
font-size: var(--sl-text-sm);
103+
border: 0;
104+
padding-inline: 1.25rem;
105105
}
106106

107107
.Option {
108-
background-color: var(--sl-color-bg-nav);
109-
color: var(--sl-color-gray-1);
108+
background-color: var(--sl-color-bg-nav);
109+
color: var(--sl-color-gray-1);
110110
}
111111

112112
@media (min-width: 50rem) {
113-
.Button {
114-
width: 8rem;
115-
}
113+
.Button {
114+
width: 8rem;
115+
}
116116
}
117117
@keyframes spin {
118-
from {
119-
transform: rotate(0deg);
120-
}
121-
to {
122-
transform: rotate(360deg);
123-
}
118+
from {
119+
transform: rotate(0deg);
120+
}
121+
to {
122+
transform: rotate(360deg);
123+
}
124124
}

0 commit comments

Comments
 (0)
Please sign in to comment.