Introduce BEM naming

2018-03-19 14:20:05 +01:00
parent 93d3db0fdd
commit 4087a53940
10 changed files with 135 additions and 121 deletions
--- a/src/scss/_header.scss
+++ b/src/scss/_header.scss
@@ -0,0 +1,32 @@
+.header {
+  background: url(../img/header/img.png) no-repeat 50% 30% / cover;
+  height: 900px;
+  padding-top: 110px;
+}
+
+.header__h1 {
+  font-family: Montserrat, sans-serif;
+  font-size: 82px;
+  font-weight: bold;
+  color: white;
+  text-transform: capitalize;
+  text-align: center;
+}
+
+.header__h2 {
+  font-family: Lato, sans-serif;
+  font-size: 30px;
+  color: $primary;
+  text-align: center;
+  margin-bottom: 0;
+}
+
+.header__h3 {
+  margin-top: 20px;
+  font-family: Montserrat, sans-serif;
+  font-size: 16px;
+  font-weight: 600;
+  color: $regular-text;
+  text-transform: uppercase;
+  text-align: center;
+}