Skip to content

Commit 3e1e4dd

Browse files
FrontendlandFrontendland
committed
🐛 Fix indentation
1 parent c710311 commit 3e1e4dd

File tree

2 files changed

+120
-120
lines changed

2 files changed

+120
-120
lines changed

‎src/pages/accordion.astro

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -15,34 +15,34 @@ const accordionItems = [{
1515

1616
<!DOCTYPE html>
1717
<html lang="en">
18-
<head>
19-
<meta charset="utf-8" />
20-
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg" />
21-
<meta name="viewport" content="width=device-width" />
22-
<title>Webcore</title>
23-
</head>
24-
<body>
25-
<div class="container">
18+
<head>
19+
<meta charset="utf-8" />
20+
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg" />
21+
<meta name="viewport" content="width=device-width" />
22+
<title>Webcore</title>
23+
</head>
24+
<body>
25+
<div class="container">
2626
<a href="/">
2727
<img src="/img/logo.png" alt="Logo" />
2828
</a>
29-
<h1>Accordion</h1>
29+
<h1>Accordion</h1>
3030
<AstroAccordion items={accordionItems} />
31-
</div>
32-
</body>
31+
</div>
32+
</body>
3333
</html>
3434

3535
<style is:global lang="scss">
3636
@import '../scss/index.scss';
37-
@include Setup();
38-
39-
.container {
40-
margin-top: 20px;
41-
}
42-
43-
h1 {
44-
margin: 100px 0 10px;
45-
font-size: 48px;
46-
text-align: center;
47-
}
37+
@include Setup();
38+
39+
.container {
40+
margin-top: 20px;
41+
}
42+
43+
h1 {
44+
margin: 100px 0 10px;
45+
font-size: 48px;
46+
text-align: center;
47+
}
4848
</style>

‎src/pages/index.astro

Lines changed: 98 additions & 98 deletions
Original file line numberDiff line numberDiff line change
@@ -6,106 +6,106 @@ import Accordion from '@components/Accordion/Accordion.astro'
66

77
<!DOCTYPE html>
88
<html lang="en">
9-
<head>
10-
<meta charset="utf-8" />
11-
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg" />
12-
<meta name="viewport" content="width=device-width" />
13-
<title>Webcore</title>
14-
</head>
15-
<body>
16-
<div class="container">
17-
<img src="/img/logo.png" alt="Logo" />
18-
<h1>
19-
Component library for <br />
20-
<span class="a">Astro</span>,
21-
<span class="s">Svelte</span>, and
22-
<span class="r">React</span>
23-
</h1>
24-
<h2>
25-
Rocket launch your frontend projects with fully coded components. <br />
26-
Configurable. Themeable. Accessible.
27-
</h2>
28-
<div class="cta">
29-
<Button
30-
href="https://github.com/Frontendland/webcoreui" target="_blank"
31-
theme="secondary"
32-
>
33-
<img src="/icons/github.svg" alt="GitHub" width={20} height={20} />
34-
GitHub
35-
</Button>
36-
</div>
37-
<div class="grid md-2 lg-3">
38-
<Card title="Accordion" element="a" href="/accordion">
39-
<Accordion
40-
items={[{
41-
title: 'Do you offer support?',
42-
content: 'We provide 30 days of support.'
43-
}, {
44-
title: 'Can I request customizations?',
45-
content: 'Yes!'
46-
}, {
47-
title: 'Are there any refunds?',
48-
content: 'Hopefully.'
49-
}]}
50-
/>
51-
</Card>
52-
</div>
53-
</div>
54-
</body>
9+
<head>
10+
<meta charset="utf-8" />
11+
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg" />
12+
<meta name="viewport" content="width=device-width" />
13+
<title>Webcore</title>
14+
</head>
15+
<body>
16+
<div class="container">
17+
<img src="/img/logo.png" alt="Logo" />
18+
<h1>
19+
Component library for <br />
20+
<span class="a">Astro</span>,
21+
<span class="s">Svelte</span>, and
22+
<span class="r">React</span>
23+
</h1>
24+
<h2>
25+
Rocket launch your frontend projects with fully coded components. <br />
26+
Configurable. Themeable. Accessible.
27+
</h2>
28+
<div class="cta">
29+
<Button
30+
href="https://github.com/Frontendland/webcoreui" target="_blank"
31+
theme="secondary"
32+
>
33+
<img src="/icons/github.svg" alt="GitHub" width={20} height={20} />
34+
GitHub
35+
</Button>
36+
</div>
37+
<div class="grid md-2 lg-3">
38+
<Card title="Accordion" element="a" href="/accordion">
39+
<Accordion
40+
items={[{
41+
title: 'Do you offer support?',
42+
content: 'We provide 30 days of support.'
43+
}, {
44+
title: 'Can I request customizations?',
45+
content: 'Yes!'
46+
}, {
47+
title: 'Are there any refunds?',
48+
content: 'Hopefully.'
49+
}]}
50+
/>
51+
</Card>
52+
</div>
53+
</div>
54+
</body>
5555
</html>
5656

5757
<style is:global lang="scss">
5858
@import '../scss/index.scss';
59-
@include Setup((
60-
fontRegular: '/fonts/Inter-Regular.woff2',
61-
fontBold: '/fonts/Inter-Bold.woff2'
62-
));
63-
64-
.container {
65-
margin-top: 20px;
66-
}
67-
68-
h1 {
69-
margin: 100px 0 10px;
70-
font-size: 48px;
71-
text-align: center;
72-
73-
.a {
74-
background: #B545ED;
75-
background: linear-gradient(to right, #505FFF, #B545ED);
76-
background-clip: text;
77-
-webkit-background-clip: text;
78-
-webkit-text-fill-color: transparent;
79-
}
80-
81-
.s {
82-
color: #FF3E00;
83-
}
84-
85-
.r {
86-
color: #61DAFB;
87-
}
88-
}
89-
90-
h2 {
91-
color: #DDD;
92-
font-family: Regular;
93-
font-weight: 400;
94-
text-align: center;
95-
line-height: 1.5;
96-
font-size: 24px;
97-
margin: 0 0 20px;
98-
}
99-
100-
.cta {
101-
text-align: center;
102-
}
103-
104-
.grid {
105-
margin-top: 100px;
106-
107-
.card-wrapper {
108-
pointer-events: none;
109-
}
110-
}
59+
@include Setup((
60+
fontRegular: '/fonts/Inter-Regular.woff2',
61+
fontBold: '/fonts/Inter-Bold.woff2'
62+
));
63+
64+
.container {
65+
margin-top: 20px;
66+
}
67+
68+
h1 {
69+
margin: 100px 0 10px;
70+
font-size: 48px;
71+
text-align: center;
72+
73+
.a {
74+
background: #B545ED;
75+
background: linear-gradient(to right, #505FFF, #B545ED);
76+
background-clip: text;
77+
-webkit-background-clip: text;
78+
-webkit-text-fill-color: transparent;
79+
}
80+
81+
.s {
82+
color: #FF3E00;
83+
}
84+
85+
.r {
86+
color: #61DAFB;
87+
}
88+
}
89+
90+
h2 {
91+
color: #DDD;
92+
font-family: Regular;
93+
font-weight: 400;
94+
text-align: center;
95+
line-height: 1.5;
96+
font-size: 24px;
97+
margin: 0 0 20px;
98+
}
99+
100+
.cta {
101+
text-align: center;
102+
}
103+
104+
.grid {
105+
margin-top: 100px;
106+
107+
.card-wrapper {
108+
pointer-events: none;
109+
}
110+
}
111111
</style>

0 commit comments

Comments
 (0)