Skip to content

Commit 52f4619

Browse files
webstackdevwebstackdev
committed
Run stylelint fix
1 parent fed12e8 commit 52f4619

6 files changed

Lines changed: 57 additions & 60 deletions

File tree

‎src/components/Button/button.module.css‎

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,60 @@
11
.button {
2-
display: inline-flex;
32
align-items: center;
4-
justify-content: center;
5-
text-align: center;
6-
vertical-align: middle;
7-
font-weight: 600;
3+
border-color: transparent;
4+
border-radius: 0.375rem;
5+
border-style: solid;
6+
border-width: 2px;
7+
box-shadow: var(--shadow-sm);
8+
display: inline-flex;
89
font-size: 0.875rem;
10+
font-weight: 600;
11+
justify-content: center;
12+
letter-spacing: 0.08em;
913
line-height: 1.25rem;
14+
text-align: center;
15+
text-shadow: var(--shadow-text);
1016
text-transform: uppercase;
11-
letter-spacing: 0.08em;
12-
white-space: nowrap;
13-
border-radius: 0.375rem;
14-
border-width: 2px;
15-
border-style: solid;
16-
border-color: transparent;
17-
transition-property: color, background-color, border-color, box-shadow, transform;
1817
transition-duration: 200ms;
18+
transition-property: color, background-color, border-color, box-shadow, transform;
1919
transition-timing-function: ease-in-out;
2020
user-select: none;
21-
text-shadow: var(--shadow-text);
22-
box-shadow: var(--shadow-sm);
21+
vertical-align: middle;
22+
white-space: nowrap;
2323
}
2424

2525
.button:disabled {
26-
opacity: 0.65;
2726
cursor: not-allowed;
27+
opacity: 0.65;
2828
pointer-events: none;
2929
}
3030

3131
.sizeSmall {
32-
padding: 0.5rem 1rem;
3332
font-size: 0.75rem;
3433
line-height: 1rem;
34+
padding: 0.5rem 1rem;
3535
}
3636

3737
.sizeMedium {
3838
padding: 0.75rem 1.5rem;
3939
}
4040

4141
.sizeLarge {
42-
padding: 1rem 2rem;
4342
font-size: 1rem;
4443
line-height: 1.5rem;
44+
padding: 1rem 2rem;
4545
}
4646

4747
.variantPrimary {
4848
background-color: var(--color-primary);
49-
color: var(--color-text);
5049
box-shadow: var(--shadow-sm);
50+
color: var(--color-text);
5151
}
5252

5353
.variantPrimary:hover,
5454
.variantPrimary:focus-visible {
5555
background-color: var(--color-primary-offset);
56-
color: var(--color-text);
5756
box-shadow: var(--shadow-hover);
57+
color: var(--color-text);
5858
transform: translateY(-1px);
5959
}
6060

@@ -72,8 +72,8 @@
7272
.variantSecondary:hover,
7373
.variantSecondary:focus-visible {
7474
background-color: var(--color-secondary-offset);
75-
color: var(--color-text);
7675
box-shadow: var(--shadow-hover);
76+
color: var(--color-text);
7777
transform: translateY(-1px);
7878
}
7979

@@ -132,10 +132,10 @@
132132
}
133133

134134
.variantIcon {
135+
aspect-ratio: 1 / 1;
135136
background-color: transparent;
136-
color: var(--color-text);
137137
box-shadow: none;
138-
aspect-ratio: 1 / 1;
138+
color: var(--color-text);
139139
padding: 0.5rem;
140140
}
141141

‎src/components/Forms/Contact/upload.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,8 @@
1515
<line x1="16" y1="17" x2="8" y2="17"></line>
1616
<polyline points="10,9 9,9 8,9"></polyline>
1717
</svg>
18-
<p style="margin: 0; font-size: 1rem; font-weight: 500;">File Upload Coming Soon</p>
19-
<p style="margin: 0.5rem 0 0 0; font-size: 0.85rem;">
18+
<p style=" font-size: 1rem; font-weight: 500;margin: 0;">File Upload Coming Soon</p>
19+
<p style=" font-size: 0.85rem;margin: 0.5rem 0 0;">
2020
In production, this would integrate with Uppy.js for drag-and-drop file uploads
2121
</p>
2222
</div>

‎src/components/Navigation/menu.module.css‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@
55

66
@media (width >= 1024px) {
77
.mainNavMenu {
8-
display: flex;
98
align-items: center;
10-
justify-content: center;
9+
display: flex;
1110
gap: 1rem;
11+
justify-content: center;
1212
position: relative;
1313
z-index: 30;
1414
}
1515
}
1616

1717
.mainNavItem {
18-
position: relative;
1918
opacity: 0;
19+
position: relative;
2020
transform: translate3d(0, -1rem, 0);
2121
transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
2222
}
@@ -59,10 +59,7 @@
5959
@media (width >= 1024px) {
6060
.mainNavLink {
6161
color: var(--color-primary-offset);
62-
text-decoration-line: underline;
63-
text-decoration-style: dotted;
64-
text-decoration-color: var(--color-primary-offset);
65-
text-decoration-thickness: 2px;
62+
text-decoration: underline dotted var(--color-primary-offset) 2px;
6663
text-underline-offset: 8px;
6764
}
6865

@@ -130,8 +127,8 @@
130127

131128
:global(#header.aria-expanded-true) .mainNavMenu:global(.menu-visible) .mainNavItem a {
132129
color: var(--color-bg);
133-
text-transform: uppercase;
134130
letter-spacing: 0.38rem;
131+
text-transform: uppercase;
135132
}
136133

137134
:global(#header.aria-expanded-true) .mainNavMenu:global(.menu-visible) .mainNavItem a:hover,
@@ -177,9 +174,9 @@
177174

178175
:global(#header.aria-expanded-true) .mainNavMenu {
179176
align-items: center;
180-
gap: 1.5rem;
181177
display: flex;
182178
flex-direction: column;
179+
gap: 1.5rem;
183180
height: 100vh;
184181
justify-content: center;
185182
left: 0;
@@ -230,6 +227,6 @@
230227

231228
:global(#mobile-splash .nav-toggle-btn) {
232229
position: absolute;
233-
top: 2rem;
234230
right: 1.5rem;
231+
top: 2rem;
235232
}

‎src/components/Test/webComponent.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ const { heading = 'Test Web Component' } = Astro.props
99
<style>
1010
.test-web-component {
1111
border: 1px solid var(--color-border, #ccc);
12-
padding: 1rem;
1312
border-radius: 0.5rem;
13+
padding: 1rem;
1414
}
1515
</style>
1616

‎src/pages/privacy/my-data.astro‎

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -198,17 +198,17 @@ const statusMessages: Record<string, { type: 'success' | 'error' | 'info', messa
198198

199199
<style>
200200
.intro {
201-
margin-bottom: 2rem;
202-
padding: 1.5rem;
203201
background: var(--color-background-secondary);
204202
border-radius: 8px;
203+
margin-bottom: 2rem;
204+
padding: 1.5rem;
205205
}
206206

207207
.alert {
208-
padding: 1rem;
209-
margin-bottom: 1.5rem;
210-
border-radius: 4px;
211208
border-left: 4px solid;
209+
border-radius: 4px;
210+
margin-bottom: 1.5rem;
211+
padding: 1rem;
212212
}
213213

214214
.alert-success {
@@ -231,27 +231,27 @@ const statusMessages: Record<string, { type: 'success' | 'error' | 'info', messa
231231

232232
.data-requests {
233233
display: grid;
234-
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
235234
gap: 2rem;
235+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
236236
margin: 2rem 0;
237237
}
238238

239239
.request-card {
240-
padding: 2rem;
240+
background: var(--color-background);
241241
border: 1px solid var(--color-border);
242242
border-radius: 8px;
243-
background: var(--color-background);
243+
padding: 2rem;
244244
}
245245

246246
.request-card h2 {
247247
margin-top: 0;
248248
}
249249

250250
.warning {
251-
padding: 1rem;
252251
background: #fff3cd;
253252
border-left: 4px solid #ffc107;
254253
margin: 1rem 0;
254+
padding: 1rem;
255255
}
256256

257257
.data-form {
@@ -264,34 +264,34 @@ const statusMessages: Record<string, { type: 'success' | 'error' | 'info', messa
264264

265265
.form-group label {
266266
display: block;
267-
margin-bottom: 0.5rem;
268267
font-weight: 600;
268+
margin-bottom: 0.5rem;
269269
}
270270

271271
.form-group input[type="email"] {
272-
width: 100%;
273-
padding: 0.5rem;
274272
border: 1px solid var(--color-border);
275273
border-radius: 4px;
274+
padding: 0.5rem;
275+
width: 100%;
276276
}
277277

278278
.checkbox-label {
279-
display: flex;
280279
align-items: center;
281-
gap: 0.5rem;
280+
display: flex;
282281
font-weight: normal !important;
282+
gap: 0.5rem;
283283
}
284284

285285
.checkbox-label input[type="checkbox"] {
286286
width: auto;
287287
}
288288

289289
.btn {
290-
padding: 0.75rem 1.5rem;
291290
border: none;
292291
border-radius: 4px;
293-
font-weight: 600;
294292
cursor: pointer;
293+
font-weight: 600;
294+
padding: 0.75rem 1.5rem;
295295
transition: background-color 0.2s;
296296
}
297297

@@ -314,35 +314,35 @@ const statusMessages: Record<string, { type: 'success' | 'error' | 'info', messa
314314
}
315315

316316
.form-message {
317-
margin-top: 1rem;
318-
padding: 0.75rem;
319317
border-radius: 4px;
320318
display: none;
319+
margin-top: 1rem;
320+
padding: 0.75rem;
321321
}
322322

323323
.form-message.success {
324-
display: block;
325324
background: #d4edda;
326325
color: #155724;
326+
display: block;
327327
}
328328

329329
.form-message.error {
330-
display: block;
331330
background: #f8d7da;
332331
color: #721c24;
332+
display: block;
333333
}
334334

335335
.form-message.info {
336-
display: block;
337336
background: #d1ecf1;
338337
color: #0c5460;
338+
display: block;
339339
}
340340

341341
.info {
342-
margin-top: 3rem;
343-
padding: 2rem;
344342
background: var(--color-background-secondary);
345343
border-radius: 8px;
344+
margin-top: 3rem;
345+
padding: 2rem;
346346
}
347347

348348
.info ol {

‎src/styles/newthemes.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -122,9 +122,9 @@
122122
* Vendor colors
123123
*/
124124

125-
--color-codepen: #000000;
125+
--color-codepen: #000;
126126
--color-github: #211F1F;
127127
--color-linkedin: #0a66c2;
128128
--color-mastodon: #6364FF;
129-
--color-x: #000000;
129+
--color-x: #000;
130130
}

0 commit comments

Comments
 (0)