Skip to content

Commit 031a094

Browse files
Normalizing indentation on components and stylesheets
1 parent 77a7406 commit 031a094

File tree

9 files changed

+68
-68
lines changed

9 files changed

+68
-68
lines changed

pages/_app.js

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
// import App from 'next/app'
21
import Layout from "../components/Layout";
32
import "../styles/globals.scss";
43

54
function MyApp({ Component, pageProps }) {
6-
return (
7-
<Layout>
8-
<Component {...pageProps} />
9-
</Layout>
10-
);
5+
return (
6+
<Layout>
7+
<Component {...pageProps} />
8+
</Layout>
9+
);
1110
}
1211

1312
// Only uncomment this method if you have blocking data requirements for

pages/about-us.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
export default function AboutUs() {
2-
return <h1>Hello from About Us</h1>
2+
return <h1>Hello from About Us</h1>;
33
}

pages/contact-us.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
export default function ContactUs() {
2-
return <h1>Hello from Contact Us</h1>
2+
return <h1>Hello from Contact Us</h1>;
33
}

pages/index.js

Lines changed: 47 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -3,54 +3,54 @@ import Link from "next/link";
33
import styles from "../styles/Home.module.scss";
44

55
export default function Home() {
6-
return (
7-
<div>
8-
<Head>
9-
<title>Web Dev Path</title>
10-
<link rel="icon" href="/favicon.ico" />
11-
</Head>
12-
<h1 className={styles.title}>&lt; Web Dev wannabe? /&gt;</h1>
13-
<div className={styles.description}>
14-
<p>
15-
Hold our hand and enjoy the road to learn how to start a new project,
16-
the magic behind Github while working in a team environment, and much
17-
more...
18-
</p>
19-
</div>
20-
<hr className={styles.divider} />
6+
return (
7+
<div>
8+
<Head>
9+
<title>Web Dev Path</title>
10+
<link rel="icon" href="/favicon.ico" />
11+
</Head>
12+
<h1 className={styles.title}>&lt; Web Dev wannabe? /&gt;</h1>
13+
<div className={styles.description}>
14+
<p>
15+
Hold our hand and enjoy the road to learn how to start a new project,
16+
the magic behind Github while working in a team environment, and much
17+
more...
18+
</p>
19+
</div>
20+
<hr className={styles.divider} />
2121

22-
<h2 className={styles.centerText}>
23-
Would you answer "yes" to any of these questions?
24-
</h2>
22+
<h2 className={styles.centerText}>
23+
Would you answer "yes" to any of these questions?
24+
</h2>
2525

26-
<div className={styles.grid}>
27-
<div className={styles.card}>
28-
<p>Are you learning web development and need mentorship?</p>
29-
</div>
30-
<div className={styles.card}>
31-
<p>Are you an experienced web dev who wants to become a mentor?</p>
32-
</div>
33-
<div className={styles.card}>
34-
<p>
35-
Are you a non-profit organization who needs help with a web project?
36-
</p>
37-
</div>
38-
<div className={styles.card}>
39-
<p>
40-
Are you a web dev looking for help or a code buddy for a project?
41-
</p>
42-
</div>
43-
</div>
26+
<div className={styles.grid}>
27+
<div className={styles.card}>
28+
<p>Are you learning web development and need mentorship?</p>
29+
</div>
30+
<div className={styles.card}>
31+
<p>Are you an experienced web dev who wants to become a mentor?</p>
32+
</div>
33+
<div className={styles.card}>
34+
<p>
35+
Are you a non-profit organization who needs help with a web project?
36+
</p>
37+
</div>
38+
<div className={styles.card}>
39+
<p>
40+
Are you a web dev looking for help or a code buddy for a project?
41+
</p>
42+
</div>
43+
</div>
4444

45-
<div className = {`${styles.learn_more} ${styles.centerText}`}>
46-
<h3>
47-
If so, you are probably in the right place and should learn more about
48-
us
49-
</h3>
50-
<button className={styles.button}>
51-
<Link href="/about-us">Learn More</Link>
52-
</button>
53-
</div>
54-
</div>
55-
);
45+
<div className={`${styles.learn_more} ${styles.centerText}`}>
46+
<h3>
47+
If so, you are probably in the right place and should learn more about
48+
us
49+
</h3>
50+
<button className={styles.button}>
51+
<Link href="/about-us">Learn More</Link>
52+
</button>
53+
</div>
54+
</div>
55+
);
5656
}

styles/Footer.module.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
}
2626

2727
.footerItem {
28-
+.footerItem {
28+
+ .footerItem {
2929
margin-top: 0.5rem;
3030
}
3131

@@ -93,7 +93,7 @@
9393
display: flex;
9494
justify-content: center;
9595

96-
+.socialMedia {
96+
+ .socialMedia {
9797
margin-left: 1rem;
9898
}
9999

styles/Home.module.scss

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ hr {
3232
text-align: center;
3333
max-width: 90%;
3434
margin: 0 auto;
35-
padding: 2rem 0 4rem;
35+
padding: 2rem 0 4rem;
3636
}
3737

3838
.centerText {
@@ -60,8 +60,9 @@ hr {
6060
align-items: center;
6161
justify-content: center;
6262
text-decoration: none;
63-
@include transition(color .3s ease);
64-
box-shadow: inset 0px 0px 0px 1px rgb( 0 0 0 / 15%), 0px 3px 4px 2px rgb(0 0 0 / 10%);
63+
@include transition(color 0.3s ease);
64+
box-shadow: inset 0px 0px 0px 1px rgb(0 0 0 / 15%),
65+
0px 3px 4px 2px rgb(0 0 0 / 10%);
6566

6667
&:hover,
6768
&:focus,
@@ -80,7 +81,7 @@ hr {
8081
}
8182

8283
.learn_more {
83-
padding: 4rem 0;
84+
padding: 4rem 0;
8485
}
8586

8687
.button {

styles/Layout.module.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,4 +15,4 @@
1515
.container {
1616
width: 80%;
1717
}
18-
}
18+
}

styles/_mixins.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
//Mixins
22

33
@mixin transition($args...) {
4-
-webkit-transition: $args;
5-
-moz-transition: $args;
6-
-ms-transition: $args;
7-
-o-transition: $args;
8-
transition: $args;
4+
-webkit-transition: $args;
5+
-moz-transition: $args;
6+
-ms-transition: $args;
7+
-o-transition: $args;
8+
transition: $args;
99
}

styles/globals.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ body {
77
margin: 0;
88
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
99
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
10-
color: $primary-content-color;
10+
color: $primary-content-color;
1111
}
1212

1313
a {

0 commit comments

Comments
 (0)