Browse Source

chore: refactor styles

main
Garrit Franke 3 years ago
parent
commit
a2b2e52301
Signed by: garrit
GPG Key ID: BB54AF7EB0939F3D
  1. 3
      styles/index.css
  2. 5
      styles/services.css
  3. 20
      styles/typography.css
  4. 15
      styles/welcome.css

3
styles/index.css

@ -1,3 +1,5 @@
@import url("./typography.css");
/* Components */
@import url("./welcome.css");
@import url("./services.css");
@ -18,4 +20,5 @@ body {
margin: 0;
font-family: "Work Sans", sans-serif;
font-weight: 250;
text-align: center;
}

5
styles/services.css

@ -2,12 +2,9 @@
align-items: center;
display: flex;
justify-content: center;
text-align: center;
}
.services__heading {
font-size: 3.3rem;
font-weight: 350;
margin-bottom: 1.5rem;
}
@ -33,6 +30,7 @@
margin-bottom: 1rem;
margin: 0 3rem;
height: 3rem;
font-size: 1rem;
}
.services__offers_card__button {
@ -50,6 +48,7 @@
}
.services__offers_card__button > p {
font-size: 1rem;
margin: auto;
}

20
styles/typography.css

@ -0,0 +1,20 @@
h1 {
font-size: 5rem;
font-weight: 400;
margin: 1rem;
}
h2 {
font-size: 3.3rem;
font-weight: 350;
}
h3 {
font-size: 2rem;
font-weight: 300;
}
p {
font-size: 1.5rem;
font-weight: 200;
}

15
styles/welcome.css

@ -2,25 +2,13 @@
align-items: center;
display: flex;
justify-content: center;
font-family: "Work Sans", sans-serif;
}
.welcome__container {
margin-top: 8vh;
text-align: center;
}
.welcome__text-area__heading {
font-size: 5rem;
font-weight: 400;
margin: 1rem;
text-align: center;
}
.welcome__text-area__subheading {
font-size: 2rem;
font-weight: 300;
text-align: center;
margin-top: 0;
margin-bottom: 2em;
max-width: 80vw;
@ -29,9 +17,6 @@
}
.welcome__text-area__description {
font-size: 1.5rem;
font-weight: 200;
text-align: center;
margin-left: 12vw;
margin-right: 12vw;
}

Loading…
Cancel
Save