new

2025-06-06 18:12:46 +02:00 · 2025-06-06 18:12:46 +02:00 · 1d8da2b6dd
commit 1d8da2b6dd
824 changed files with 76366 additions and 0 deletions
--- a/assets/scss/templates/_blog-sidebar.scss
+++ b/assets/scss/templates/_blog-sidebar.scss
@ -0,0 +1,130 @@
+.widget {
+  margin-bottom: 65px;
+
+  @include tablet {
+    margin-bottom: 35px;
+  }
+
+  .widget-title {
+    margin-top: 0px;
+    margin-bottom: 15px;
+    font-size: 16px;
+    color: lighten( $black, 20 );
+    font-weight: 500;
+    border-bottom: 1px solid $border-color;
+  }
+
+  // Latest Posts
+  &.widget-latest-post {
+    .media {
+      .media-object {
+        width: 100px;
+        height: auto;
+      }
+
+      .media-heading {
+        a {
+          color: $black;
+          font-size: 16px;
+        }
+      }
+
+      p {
+        font-size: 12px;
+        color: darken( $light, 47.45);
+      }
+    }
+
+    @include desktop {
+      padding-top: 20px;
+    }
+  }
+  //end Latest Posts
+
+  // Categories
+  &.widget-category {
+    ul {
+      li {
+        padding-top: 10px;
+        padding-bottom: 10px;
+
+        a {
+          color: lighten( $black, 50.3 );
+          padding: 10px;
+          padding-left: 20px;
+          padding-right: 20px;
+          @include transition-multi (padding 0.3s ease, border 0.3s ease);
+
+          &:before {
+            padding-right: 10px;
+          }
+
+          &:hover {
+            color: $color-primary;
+            padding-left: 25px;
+          }
+
+          &:active {
+            padding-left: 24px;
+            border: 1px solid $color-primary;
+            border-radius: 30px;
+            @include transition (padding, 0s);
+          }
+        }
+
+        a.current {
+          color: $white;
+          background: $color-primary;
+          border: 1px solid $color-primary;
+          border-radius: 30px;
+          pointer-events: none;
+          cursor: default;
+        }
+      }
+    }
+  }
+  // end Categories
+
+  // Tags
+  &.widget-tag {
+    ul {
+      li {
+        margin-bottom: 10px;
+        display: inline-block;
+        margin-right: 5px;
+
+        a {
+          color: lighten( $black, 50.3 );
+          display: inline-block;
+          padding: 8px 15px;
+          border: 1px solid $border-color;
+          border-radius: 30px;
+          font-size: 14px;
+          @include transition-multi (background-color 0.3s ease, border 0.3s ease, color 0.1s ease);
+
+          &:hover {
+            color: $color-primary;
+            background: rgba($color-primary, 0.3);
+            border: 1px solid rgba($color-primary, 0.3);
+          }
+
+          &:active {
+            color: $color-primary;
+            border: 1px solid $color-primary;
+            background: $white;
+            @include transition (background-color, 0.1s, ease);
+          }
+        }
+
+        a.current {
+          color: $white;
+          background: $color-primary;
+          border: 1px solid $color-primary;
+          pointer-events: none;
+          cursor: default;
+        }
+      }
+    }
+  }
+  // end Tags
+}