Merge pull request creativecommons#505 from Zeeshan-2k1/Issue

Splited Sass into smaller files

Author: kgodey

webpack/sass/author-post-page.scss

@@ -0,0 +1,27 @@
+// Author Post page
+.author-posts {
+  .header {
+    .container {
+      .image {
+        width: 9.5rem;
+        height: 9.5rem;
+      }
+
+      .about {
+        @extend .body-big;
+        @extend .padding-top-big;
+
+        line-height: 1.8125;
+      }
+
+      .button {
+        @extend .margin-top-bigger;
+      }
+    }
+  }
+
+  .posts {
+    @extend .padding-top-xl;
+    @extend .padding-bottom-xxl;
+  }
+}

webpack/sass/authors-page.scss

@@ -0,0 +1,45 @@
+// All Authors page
+.all-authors {
+  .authors-list {
+    @extend .padding-bottom-xxl;
+
+    background-color: $color-lighter-gray;
+    .container {
+      @extend .padding-horizontal-big;
+    }
+  }
+
+  .author {
+    @extend .padding-big;
+
+    .image {
+      height: 3.75rem;
+      width: 3.75rem;
+    }
+
+    .mobile {
+      display: none;
+    }
+
+    .desktop {
+      display: inline;
+    }
+
+    @media only screen and (max-width: 768px) {
+      .mobile {
+        display: inline;
+      }
+      .desktop {
+        display: none;
+      }
+    }
+
+    .author-name {
+      @extend .padding-top-small;
+
+      .link {
+        @extend .has-color-dark-slate-gray;
+      }
+    }
+  }
+}

webpack/sass/blog-page.scss

@@ -0,0 +1,11 @@
+// Blog page
+.blog-page {
+  .blog-page-posts {
+    @extend .padding-top-normal;
+
+    .pagination-wrapper {
+      @extend .padding-top-normal;
+      @extend .padding-bottom-xxl;
+    }
+  }
+}

webpack/sass/categories-page.scss

@@ -0,0 +1,8 @@
+// Categories page
+.all-categories {
+  .categories-list {
+    @extend .padding-horizontal-big;
+    @extend .padding-top-xl;
+    @extend .padding-bottom-xxl;
+  }
+}

webpack/sass/cc-search.scss

@@ -0,0 +1,8 @@
+// CC Search Roadmap
+.cc-search-roadmap {
+  .body {
+    @extend .padding-horizontal-big;
+    @extend .padding-top-xl;
+    @extend .padding-bottom-xxl;
+  }
+}

webpack/sass/guidelines.scss

@@ -0,0 +1,22 @@
+// Guidelines page
+.code-guidelines {
+  .code-guidelines-body {
+    @extend .padding-horizontal-big;
+
+    .link {
+      @extend .has-color-forest-green;
+    }
+    .is-active {
+      @extend .has-color-dark-slate-gray;
+    }
+
+    .row {
+      @extend .padding-top-larger;
+    }
+
+    .content {
+      @extend .padding-bottom-xxl;
+      @extend .padding-top-xl;
+    }
+  }
+}

webpack/sass/home-page.scss

@@ -0,0 +1,175 @@
+// Hero section - Home page
+.hero {
+  @extend .margin-top-large;
+
+  .hero-title {
+    @extend .padding-horizontal-big;
+  }
+
+  .hero-description {
+    @extend .body-bigger;
+    @extend .padding-top-big;
+    @extend .padding-horizontal-big;
+  }
+
+  .hero-links {
+    @extend .margin-vertical-normal;
+    @extend .padding-horizontal-big;
+
+    .button {
+      @extend .margin-top-normal;
+      text-decoration: none;
+
+      .icon {
+        @extend .margin-right-small;
+        @extend .padding-vertical-smaller;
+      }
+    }
+  }
+
+  .hero-image {
+    @include from($fullhd) {
+      margin-top: -20rem;
+      .image {
+        width: 50%;
+      }
+    }
+    @include until($fullhd) {
+      .image {
+        width: 100%;
+      }
+    }
+  }
+}
+
+// Get-involved section - Home page
+.get-involved {
+  background-color: $color-lighter-gray;
+  @extend .has-color-dark-slate-gray;
+  border-bottom: solid 0.1875rem $color-white;
+
+  .container {
+    @extend .padding-horizontal-big;
+    @extend .padding-vertical-xxl;
+  }
+
+  .get-involved-description {
+    @extend .body-bigger;
+    @extend .padding-top-normal;
+  }
+
+  .get-involved-links {
+    @extend .padding-top-xl;
+
+    .heading {
+      @extend .b-header;
+      @extend .padding-top-bigger;
+    }
+
+    .list {
+      @extend .padding-top-normal;
+
+      .link-heading {
+        @extend .b-header;
+        @extend .padding-top-big;
+
+        :hover {
+          @extend .has-color-forest-green;
+        }
+      }
+
+      .link-caption {
+        @extend .body-normal;
+        @extend .padding-top-smaller;
+      }
+    }
+  }
+}
+
+// Recent-posts section - Home page
+.recent-posts {
+  background-color: rgba(4, 166, 53, 0.1);
+
+  .container {
+    @extend .padding-vertical-xl;
+    @extend .padding-horizontal-big;
+
+    .columns {
+      @extend .padding-top-bigger;
+      @extend .padding-bottom-xl;
+    }
+  }
+
+  .blog-title {
+    @extend .has-color-dark-slate-gray;
+  }
+
+  .posts-link {
+    @extend .has-color-forest-green;
+    @extend .body-normal;
+
+    font-weight: bold;
+    line-height: 1.5;
+    text-decoration: none;
+
+    .icon {
+      @extend .has-color-forest-green;
+      @extend .padding-left-small;
+    }
+  }
+}
+
+// Featured-projects section - Home page
+.featured-projects {
+  @extend .padding-vertical-xxl;
+
+  .container {
+    @extend .padding-horizontal-big;
+  }
+
+  .project-page-link {
+    @extend .has-color-forest-green;
+    @extend .body-normal;
+
+    line-height: 1.5rem;
+    font-weight: bold;
+    text-decoration: none;
+
+    .icon {
+      @extend .padding-left-small;
+      @extend .padding-top-smaller;
+    }
+  }
+
+  .project-list {
+    @extend .padding-top-bigger;
+    @extend .padding-bottom-larger;
+
+    .column {
+      @extend .padding-right-larger;
+      @extend .padding-bottom-larger;
+
+      height: 100%;
+    }
+  }
+}
+
+.blog-entries {
+  .column {
+    border-bottom: 0.1875rem solid $color-light-gray;
+  }
+  /* last row, irrespective of the number of elements */
+  .column:nth-last-child(-n + 3):nth-child(3n + 1), /* first element of the last row */
+    .column:nth-last-child(-n + 3):nth-child(3n + 1) ~ .column /* all its following elements */ {
+    border-bottom: none;
+  }
+
+  .blog-entry {
+    @extend .padding-vertical-larger;
+    @extend .padding-horizontal-big;
+
+    .blog-title {
+      @extend .has-color-dark-slate-gray;
+    }
+  }
+}