refactor: remove css

Author: arnolanglade

themes/al/assets/scss/sections/blog-list.scss

@@ -1,3 +1,47 @@
+// Blog list
+.section.blog-list {
+  .pagination {
+    justify-content: center;
+    background-color: $dark;
+  }
+}
+
+.pagination {
+  justify-content: center;
+  .page-item.active .page-link {
+    border-color: $dark;
+    color: $dark;
+  }
+  .page-link {
+
+    color: $dark;
+    border-color: $dark;
+  }
+  .page-item.disabled .page-link {
+    border-color: $dark;
+  }
+}
+
+.aspect-ratio-62-5 {
+  position: relative;
+  width: 100%;
+  max-height: 0;
+  padding-bottom: 62.5%;
+
+  img {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    object-position: center;
+  }
+}
+
+// Blog single
 .blog-content {
   max-width: 1100px;
   font-size: 18px;
@@ -72,6 +116,7 @@
     }
   }
 }
+
 .post-header-left {
   @media only screen and (min-width: 1200px) {
     padding-left: 48px;
@@ -113,3 +158,37 @@
 .pagination {
   justify-content: center;
 }
+
+// Home
+.me-image {
+  img{
+    border-radius: 30px;
+  }
+}
+
+.section.service {
+  .service-feature:nth-child(odd) {
+    @media (min-width: 1200px) {
+      flex-direction: row-reverse;
+    }
+  }
+}
+
+// Newsletter
+.newsletter {
+  form {
+    @media only screen and (min-width: 1200px) {
+      width: 550px;
+    }
+  }
+  .title {
+    font-size: 58px;
+  }
+  .privacy {
+    font-size: 12px;
+  }
+}
+
+.subscription-confirmed {
+  color: red;
+}

themes/al/assets/scss/sections/brands.scss

@@ -3,16 +3,7 @@
 @import "fonts";
 @import "utilities";
 
+@import "global";
 @import "header";
 @import "footer";
 
-@import "../sections/hero";
-@import "../sections/brands";
-@import "../sections/service";
-@import "../sections/services";
-@import "../sections/testimonials";
-@import "../sections/cta";
-
-@import "../sections/blog-list";
-@import "../sections/blog-single";
-@import "../sections/newsletter";