feat: Add post-content styles and improve breadcrumb and link styles

assets/css/scss/components/_breadcrumb.scss

@@ -29,24 +29,18 @@
       &:not(:last-child) {
         margin-right: 0.5rem;
         
-        &::after {
-          content: "";
-          display: inline-block;
-          width: 0;
-          height: 0;
-          border-left: 4px solid #6c757d;
-          border-top: 3px solid transparent;
-          border-bottom: 3px solid transparent;
-          margin-left: 0.75rem;
-          opacity: 0.7;
+        // &::after {
+        //   content: "/";
+        //   display: inline-block;
+        //   color: #6c757d;
+        //   margin-left: 0.75rem;
+        //   opacity: 0.7;
+        //   font-weight: 500;
           
-          @media (max-width: 576px) {
-            margin-left: 0.5rem;
-            border-left-width: 3px;
-            border-top-width: 2px;
-            border-bottom-width: 2px;
-          }
-        }
+        //   @media (max-width: 576px) {
+        //     margin-left: 0.5rem;
+        //   }
+        // }
       }
 
       a {
@@ -122,8 +116,8 @@
 
     .breadcrumb {
       .breadcrumb-item {
-        &:not(:last-child)::after {
-          border-left-color: #adb5bd;
+        &:not(:last-child):not(:only-child)::after {
+          color: #adb5bd;
         }
 
         a {

assets/css/scss/elements/_button.scss

@@ -1,15 +1,15 @@
 //
 // Button styles //
 //
-a {
-	color: get-color("dark", 0.9);
-	text-decoration: none;
-	@include transition(linear 0.1s);
-	&:hover {
-		color: get-color("dark");
-		text-decoration: none;
-	}
-}
+// a {
+// 	color: get-color("dark", 0.9);
+// 	text-decoration: none;
+// 	@include transition(linear 0.1s);
+// 	&:hover {
+// 		color: get-color("dark");
+// 		text-decoration: none;
+// 	}
+// }
 button {
 	background: transparent;
 	box-shadow: none;

assets/css/scss/elements/_post-content.scss

@@ -0,0 +1,5 @@
+.post-content {
+    p {
+        line-height: 2rem;
+    }
+}

assets/css/scss/elements/_text-link.scss

@@ -1,6 +1,31 @@
 //
 // Text Link Styles //
 //
+
+a {
+	// color: #007bff;
+	// color: get-color("dark", 0.8);
+	color: #000;
+	text-decoration: none;
+	
+	&:hover {
+		color: #0056b3;
+		text-decoration: none;
+	}
+}
+
+.post-content {
+	a {
+		// color: #007bff;
+		color: get-color("dark", 0.8);
+		text-decoration: underline;
+		&:hover {
+			color: #0056b3;
+			text-decoration: none;
+		}
+	}
+}
+
 *[class*='text-link-'] {
 	color: get-color("dark", 0.9);
 	&:hover, &:focus {

assets/css/scss/theme.scss

@@ -40,6 +40,7 @@
 @import "elements/testimonial";
 @import "elements/text-link";
 @import "elements/timeline";
+@import "elements/post-content";
 
 //
 // Import Components //