redesign 2023

themes/FixIt/assets/css/_partials/_archive/_tags.scss

@@ -0,0 +1,69 @@
+.tag-cloud-tags {
+  margin: 10px 0;
+
+  @include link(true, true);
+
+  a {
+    display: inline-block;
+    position: relative;
+    margin: 5px 10px;
+    @include overflow-wrap(break-word);
+    @include transition(all ease-out 0.3s);
+
+    &:active,
+    &:focus,
+    &:hover {
+      @include transform(scale(1.2));
+
+      sup {
+        color: $global-font-color;
+        @include transition(all ease-out 0.3s);
+
+        [data-theme='dark'] & {
+          color: $global-font-color-dark;
+        }
+      }
+    }
+
+    sup {
+      color: $global-font-secondary-color;
+
+      [data-theme='dark'] & {
+        color: $global-font-secondary-color-dark;
+      }
+    }
+  }
+}
+
+@for $grade from 0 through 10 {
+  $tag-cloud-color: mix($tag-cloud-end, $tag-cloud-start, $grade * 10);
+  $tag-cloud-color-dark: mix($tag-cloud-end-dark, $tag-cloud-start-dark, $grade * 10);
+
+  .tag-cloud-#{$grade} {
+    color: $tag-cloud-color!important;
+    font-size: var(--tag-font);
+    margin: 10px!important;
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: $global-link-hover-color!important;
+
+      [data-theme='dark'] & {
+        color: $global-link-hover-color-dark;
+      }
+
+      sup {
+        opacity: 1;
+      }
+    }
+
+    [data-theme='dark'] & {
+      color: $tag-cloud-color-dark!important;
+    }
+
+    sup {
+      opacity: 0;
+    }
+  }
+}

themes/FixIt/assets/css/_partials/_archive/_terms.scss

@@ -0,0 +1,85 @@
+.categories-card {
+  margin: 0 auto;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  flex-direction: row;
+  flex-wrap: wrap;
+  line-height: 1.6rem;
+
+  .card-item {
+    font-size: 0.875rem;
+    text-align: left;
+    width: 45%;
+    display: flex;
+    align-items: flex-start;
+    min-height: 10rem;
+    padding: 0 2%;
+    position: relative;
+
+    &:nth-child(n+3){
+      margin-top: 2rem;
+    }
+
+    .card-item-wrapper {
+      width: 100%;
+      overflow: hidden;
+
+      .card-item-title {
+        font-size: 1.2rem;
+        font-weight: bold;
+        display: inline-block;
+        margin-top: 1rem;
+        margin-bottom: 0.75rem;
+      }
+
+      span {
+        float: right;
+        padding-right: 1rem;
+      }
+    }
+  }
+}
+
+.archive-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+  margin: 0.25rem 0 0.25rem 1.5rem;
+}
+
+.archive-item-link {
+  min-width: 10%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+
+  &:hover {
+    color: $global-link-hover-color;
+    background-color: transparent;
+  }
+
+  [data-theme='dark'] & {
+    color: $global-link-color-dark;
+
+    &:hover {
+      color: $global-link-hover-color-dark;
+    }
+  }
+}
+
+.archive-item-date {
+  text-align: right;
+  color: $global-font-secondary-color;
+  white-space: nowrap;
+  font-variant-numeric: tabular-nums lining-nums;
+
+  [data-theme='dark'] & {
+    color: $global-font-secondary-color-dark;
+  }
+}
+
+.more-post {
+  text-align: right;
+}