_sass/centos/_main.scss in jekyll-theme-centos-0.3.0 vs _sass/centos/_main.scss in jekyll-theme-centos-0.4.0

@@ -1,140 +1,127 @@
 .home, .page, .blog, .aside, .download, .sponsors, .search, .post {
   @extend .container;
   min-height: calc(30vh);
-  padding-top: $paragraph-margin-bottom;
-  padding-bottom: $paragraph-margin-bottom;
 }
 
 .home {
-  @include content;
-
-  &__news-and-sponsors {
-    @extend .row;
-    &__news {
-      @extend .col;
-      @include link-list;
-    }
-    &__sponsors {
-      @extend .col-4;
-      .card {
-        margin: 1em;
-        margin-left: 0;
-        border: none;
+  &__content {
+    @extend .col-sm-12;
+    @include content;
+    &__news-and-sponsors {
+      @extend .row;
+      &__news {
+        @extend .col-sm-12, .col-xl-8;
+        @include link-list;
       }
-      img {
-        width: auto;
-        height: 50px;
+      &__sponsors {
+        @extend .col-sm-12, .col-xl-4;
+        .card {
+          margin: 1em;
+          margin-left: 0;
+          border: none;
+        }
+        img {
+          width: auto;
+          height: 50px;
+        }
       }
     }
+    &__around {
+      @include link-list;
+    }
   }
-  &__around {
-    @include link-list;
-  }
+
 }
 
 .aside {
   display: flex;
   align-items: flex-start;
-  flex-wrap: wrap;
 
   &__nav {
     @include aside-nav;
   }
 
   &__content {
-    @extend .col-xl-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
     @include content;
-    padding-left: 0;
+    @include content-nav;
   }
 }
 
 .page {
   &__content {
+    @extend .col-sm-12;
     @include content;
+    @include content-nav;
   }
 }
 
 .blog {
-  &__breadcrumb {
-    @extend .breadcrumb;
-    &__item {
-      @extend .breadcrumb-item;
-      &--active {
-        @extend .active;
-      }
-    }
-  }
 
-  &__navbar {
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
+  &__content {
+    @extend .col-sm-12;
+    @include content;
 
-    &__newer, &__older, &__feeds {
-      &--disabled {
-        opacity: 0;
+    &__breadcrumb {
+      @extend .breadcrumb;
+      &__item {
+        @extend .breadcrumb-item;
+        &--active {
+          @extend .breadcrumb-item;
+        }
       }
     }
-  }
 
-  &__entries {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    &__card {
-      display: flex;
-      justify-content: space-between;
-      flex-direction: row;
-      flex-wrap: wrap;
+    &__entries {
+      margin-top: 1rem;
+      margin-bottom: 1rem;
+      &__card {
+        display: flex;
+        justify-content: space-between;
+        flex-direction: row;
+        flex-wrap: wrap;
 
-      border: none;
+        border: none;
 
-      &__item {
-        @extend .col-lg-6;
-        &__image {
-          @extend .img-fluid;
-          padding-bottom: 1em;
+        &__item {
+          @extend .col-lg-6;
+          a {
+            color: $body-color;
+            &:hover {
+              color: $body-color;
+            }
+          }
+          &__image {
+            @extend .img-fluid;
+            padding-bottom: 1em;
+          }
         }
       }
     }
-    border-bottom: 1px solid $body-color;
+
+    &__nav {
+      @include post-nav-explorer;
+    }
   }
 }
 
 .post {
   display: flex;
-  justify-content: space-between;
-  flex-direction: row;
-  flex-wrap: wrap;
+  align-items: flex-start;
 
-  &__navbar {
-    @extend .col-lg-8;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-
-    &__newer, &__older {
-      &--disabled {
-        opacity: 0;
-      }
-    }
-    &__newer {
-      margin-right: 0;
-    }
-    &__older {
-      margin-left: 0;
-    }
+  &__nav {
+    @include aside-nav;
+    @include post-nav-explorer;
   }
 
   &__content {
-    @extend .col-lg-8;
+    @extend .col-sm-12, .col-md-12, .col-lg-8, .col-xl-8;
     @include content;
-
-    &__nav {
-      @include aside-nav;
-    }
+    @include content-nav;
   }
+
 }
 
 .search {
   &__results {
     @include link-list;
@@ -168,9 +155,12 @@
   }
 }
 
 .sponsors {
   &__content {
+    @extend .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12;
+    @include content;
+
     &__card {
       display: flex;
       flex-wrap: wrap;
       &__item {
         @extend .card;