Carica file su 'scss'

scss/_footer.scss

@@ -0,0 +1,4 @@
+footer.footer {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}

scss/_icons.scss

@@ -0,0 +1,20 @@
+.features-icons {
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  .features-icons-item {
+    max-width: 20rem;
+    .features-icons-icon {
+      height: 7rem;
+      i {
+        font-size: 4.5rem;
+      }
+    }
+    &:hover {
+      .features-icons-icon {
+        i {
+          font-size: 5rem;
+        }
+      }
+    }
+  }
+}

scss/_masthead.scss

@@ -0,0 +1,27 @@
+header.masthead {
+  position: relative;
+  background-color: $gray-800;
+  background: url('../img/bg-masthead.jpg') no-repeat center center;
+  @include background-cover;
+  padding-top: 8rem;
+  padding-bottom: 8rem;
+  .overlay {
+    position: absolute;
+    background-color: $gray-900;
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    opacity: 0.3;
+  }
+  h1 {
+    font-size: 2rem;
+  }
+  @media (min-width: 768px) {
+    padding-top: 12rem;
+    padding-bottom: 12rem;
+    h1 {
+      font-size: 3rem;
+    }
+  }
+}

scss/_mixins.scss

@@ -0,0 +1,13 @@
+// Mixins
+// Background Cover Mixin
+@mixin background-cover {
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+// Font Mixins
+@mixin body-font {
+  font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}

scss/landing-page.scss

@@ -0,0 +1,12 @@
+// Core variables and mixins
+@import "variables.scss";
+@import "mixins.scss";
+// Global CSS
+@import "global.scss";
+// Components
+@import "masthead.scss";
+@import "showcase.scss";
+@import "icons.scss";
+@import "testimonials.scss";
+@import "call-to-action.scss";
+@import "footer.scss";