Merge pull request #29 from azadshaikh/main

fixed lint error.

Author: azadshaikh

src/scss/components/_breadcrumbs.scss

@@ -3,15 +3,15 @@
   align-items: center;
   padding: 0.5rem 0;
   margin: 0;
-  list-style: none;
   color: var(--breadcrumb-color);
+  list-style: none;
 
   .breadcrumb-item {
     display: inline-flex;
     align-items: center;
+    padding: 0;
     color: var(--breadcrumb-color);
     white-space: nowrap;
-    padding: 0;
 
     // Remove any existing content between items
     &::before,
@@ -25,59 +25,59 @@
       padding-right: 1.5rem;
 
       &::after {
-        content: '/';
         position: absolute;
-        right: 0.5rem;
         top: 50%;
-        transform: translateY(-50%);
-        color: var(--breadcrumb-color);
-        line-height: 1;
+        right: 0.5rem;
         display: block !important;
+        line-height: 1;
+        color: var(--breadcrumb-color);
+        content: '/';
+        transform: translateY(-50%);
       }
     }
 
     a {
+      display: inline-flex;
+      gap: 0.375rem;
+      align-items: center;
       color: var(--breadcrumb-color);
       text-decoration: none;
       transition: all 0.2s ease;
-      display: inline-flex;
-      align-items: center;
-      gap: 0.375rem;
 
       &:hover {
         color: var(--breadcrumb-hover-color);
       }
 
       i {
+        margin-top: -0.125rem;
         font-size: 1rem;
         line-height: 1;
-        margin-top: -0.125rem;
       }
     }
 
     &.active {
-      color: var(--breadcrumb-active-color);
       font-weight: 500;
+      color: var(--breadcrumb-active-color);
     }
   }
 
   // Custom separator variants
   &.separator-chevron {
     .breadcrumb-item:not(:last-child)::after {
-      content: '›';
-      font-size: 1.125rem;
-      line-height: 1;
       right: 0.5rem;
       margin-top: -1px;
+      font-size: 1.125rem;
+      line-height: 1;
+      content: '›';
     }
   }
 
   &.separator-dot {
     .breadcrumb-item:not(:last-child)::after {
-      content: '•';
+      right: 0.5rem;
       font-size: 0.875rem;
       line-height: 1;
-      right: 0.5rem;
+      content: '•';
     }
   }
 

src/scss/variables/_theme.scss

@@ -10,11 +10,28 @@
 
   /* Typography */
   --font-family-sans-serif:
-    'Source Sans 3', system-ui, -apple-system, 'Segoe UI', roboto, 'Helvetica Neue', 'Noto Sans',
-    'Liberation Sans', arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Source Sans 3',
+    system-ui,
+    -apple-system,
+    'Segoe UI',
+    roboto,
+    'Helvetica Neue',
+    'Noto Sans',
+    'Liberation Sans',
+    arial,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
     'Noto Color Emoji';
   --font-family-monospace:
-    sfmono-regular, menlo, monaco, consolas, 'Liberation Mono', 'Courier New', monospace;
+    sfmono-regular,
+    menlo,
+    monaco,
+    consolas,
+    'Liberation Mono',
+    'Courier New',
+    monospace;
 }
 
 // Light Theme Variables