Initial commit to github

styles/components/breadcrumbs.css

@@ -0,0 +1,13 @@
+/* Breadcrumb styles */
+
+#breadcrumbs {
+  @apply text-white;
+
+  a {
+    color: oklch(0.72 0.122 212.25);
+
+    &:hover {
+      color:color-mix(in oklch, oklch(0.72 0.122 212.25) 60%, white);
+    }
+  }
+}

styles/components/index.css

@@ -0,0 +1,8 @@
+/* Theme component styles */
+
+@import "./site-header.css";
+@import "./breadcrumbs.css";
+@import "./post-list.css";
+@import "./sidebar.css";
+@import "./pagination.css";
+@import "./site-footer.css";

styles/components/pagination.css

@@ -0,0 +1,35 @@
+/* Post index pagination styles */
+
+.pagination {
+  .nav-links {
+    @apply hidden md:flex items-center justify-center mt-12;
+
+    .page-numbers {
+      @apply hidden md:flex items-center justify-center h-10 p-4 text-base font-medium transition duration-300 rounded stroke-primary text-primary hover:bg-info hover:text-light hover:stroke-info focus-visible:bg-info focus-visible:text-light focus-visible:stroke-info focus-visible:outline-none;
+    }
+
+    .page-numbers.current {
+      @apply text-light whitespace-nowrap bg-info ring-offset-2 hover:bg-primary hover:stroke-primary focus-visible:bg-info;
+    }
+
+    .prev, .next {
+      @apply flex gap-4;
+    }
+  }
+
+  & a, & span {
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    color: #3857BC !important;
+    margin: 0 5px;
+    padding: .25rem .5rem;
+    text-decoration: none;
+  }
+
+  & .current, & a:hover {
+    background: #3857BC !important;
+    border-color: #3857BC !important;
+    color: #fff !important;
+    padding: .25rem .5rem;
+  }
+}

styles/components/post-list.css

@@ -0,0 +1,37 @@
+/* Blog/post index listing styles */
+
+.post-list {
+  /* Original styles, if needed
+   * .post-list__posts {
+   * }
+   * .post-list__h1 {
+   * }
+   * .post-list__post {
+   *   &:hover {
+   *     img {
+   *     }
+   *   }
+   *   .post-list__title {
+   *   }
+   *   .post-list__details {
+   *   }
+   *   .post-list__byline {
+   *   }
+   *   .post-list__author {
+   *   }
+   *   .post-list__sep {
+   *   }
+   *   .post-list__date {
+   *   }
+   * }
+   */
+}
+
+/* Original styles, if needed
+* .no-posts {
+*   .no-posts__title {
+*   }
+*   .no-posts__desc {
+*   }
+* }
+*/

styles/components/sidebar.css

@@ -0,0 +1,28 @@
+/* Sidebar styles */
+
+.sidebar{
+  .widget {
+    /* Widget styles */
+    @apply mb-8;
+
+    h3 {
+      /* Widget title styles */
+      @apply m-0 mb-2 font-semibold;
+    }
+
+    ul {
+      /* List styles */
+      @apply list-none m-0 p-0 pl-3 border-l-3 border-secondary-400;
+
+      li {
+        /* List item styles */
+        @apply text-balance;
+
+        &:first-of-type {
+          /* First list item styles */
+          @apply leading-none mb-1;
+        }
+      }
+    }
+  }
+}

styles/components/site-footer.css

@@ -0,0 +1,41 @@
+/* Footer styles */
+
+.site-footer {
+  #footRight {
+    div {
+      @apply col-span-1 md:col-span-4 lg:col-span-1;
+
+      h3 {
+        @apply font-bold text-secondary-300 text-20px mb-4 pb-2 border-b border-b-secondary-300
+      }
+
+      a {
+        @apply text-footlinks hover:opacity-60;
+      }
+    }
+
+    .widget {
+      li {
+        @apply text-16px my-1 mb-2 leading-4;
+      }
+
+      h4 {
+        @apply font-bold text-18px text-secondary mb-2;
+      }
+
+      a {
+        @apply transition-colors duration-300 hover:text-success focus-visible:text-success;
+      }
+    }
+
+    .menu-footer-menu-container {
+      @apply grow;
+    }
+  }
+
+  .copyright {
+    p { @apply leading-none m-0 p-0; }
+
+    a { @apply text-white hover:text-primary-500 underline underline-offset-2; }
+  }
+}

styles/components/site-header.css

@@ -0,0 +1,22 @@
+/* Header styles */
+
+.site-header {
+	/* Site header styles */
+	.nav-aux__container {
+		a {
+			/* Link styles */
+			color: var(--color-primary-600);
+			text-decoration: none;
+			font-weight: 500;
+			transition: color 0.3s ease;
+
+			&:hover {
+				color: var(--color-primary-800);
+			}
+		}
+
+		#globalSearch {
+			@apply text-14px text-light;
+		}
+	}
+}