Update breadcrumbs to use new item mixin

janfaracik · Jun 15, 2022 · e21d4e7 · e21d4e7
1 parent 90fc4ba
commit e21d4e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 40 deletions.
diff --git a/war/src/main/less/abstracts/mixins.less b/war/src/main/less/abstracts/mixins.less
@@ -63,7 +63,6 @@
 
   &::before {
     background-color: transparent;
-    border: 1px solid transparent;
   }
 
   &::after {

diff --git a/war/src/main/less/modules/breadcrumbs.less b/war/src/main/less/modules/breadcrumbs.less
@@ -29,58 +29,22 @@
 
     & > li {
       & > a {
-        position: relative;
+        .item();
+
         display: inline-flex;
         align-items: center;
         justify-content: center;
         padding: 0.2rem 0.4rem;
         font-weight: 500;
         font-size: 0.85rem;
-        border-radius: 6px;
         color: var(--text-color);
         z-index: 0;
         text-decoration: none;
         margin-right: 0 !important;
 
         &::before,
         &::after {
-          content: "";
-          position: absolute;
-          top: -1px;
-          left: -2px;
-          bottom: -1px;
-          right: -2px;
-          border-radius: 6px;
-          z-index: -1;
-          opacity: 0;
-          transition: var(--standard-transition)
-        }
-
-        &::before {
-          background: var(--text-color);
-        }
-
-        &::after {
-          box-shadow: 0 0 0 10px transparent;
-        }
-
-        &:hover {
-          &::before {
-            opacity: 0.05 !important;
-            background: var(--text-color);
-          }
-        }
-
-        &:focus, &:active {
-          &::before {
-            opacity: 0.1 !important;
-            background: var(--text-color);
-          }
-
-          &::after {
-            opacity: 0.05 !important;
-            box-shadow: 0 0 0 5px var(--text-color);
-          }
+          inset: -0.2rem -0.2rem;
         }
       }