Rename mixin

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

Hide file tree

Showing 5 changed files with 13 additions and 13 deletions.
diff --git a/war/src/main/less/abstracts/mixins.less b/war/src/main/less/abstracts/mixins.less
@@ -46,7 +46,7 @@
   }
 }
 
-.longhorn() {
+.item() {
   position: relative;
   z-index: 0;
 
@@ -73,7 +73,7 @@
   &:hover,
   &:focus {
     &::before {
-      background-color: var(--longhorn-background--hover);
+      background-color: var(--item-background--hover);
     }
   }
 
@@ -83,11 +83,11 @@
     z-index: 1;
 
     &::before {
-      background-color: var(--longhorn-background--active);
+      background-color: var(--item-background--active);
     }
 
     &::after {
-      box-shadow: 0 0 0 0.33rem var(--longhorn-box-shadow--focus);
+      box-shadow: 0 0 0 0.33rem var(--item-box-shadow--focus);
     }
   }
 

diff --git a/war/src/main/less/abstracts/theme.less b/war/src/main/less/abstracts/theme.less
@@ -312,10 +312,10 @@
   --call-to-action-link-color: #000;
   --call-to-action-text-color: var(--alert-info-text-color);
 
-  // Longhorn
-  --longhorn-background--hover: hsla(240, 0.15, 0.6, 0.075);
-  --longhorn-background--active: hsla(240, 0.15, 0.6, 0.15);
-  --longhorn-box-shadow--focus: var(--longhorn-background--hover);
+  // Variables for sidebar items, card items
+  --item-background--hover: hsla(240, 0.15, 0.6, 0.075);
+  --item-background--active: hsla(240, 0.15, 0.6, 0.15);
+  --item-box-shadow--focus: var(--item-background--hover);
 
   // Colors
   each(@colors, {

diff --git a/war/src/main/less/modules/section.less b/war/src/main/less/modules/section.less
@@ -46,7 +46,7 @@
 }
 
 .jenkins-section__item a {
-  .longhorn();
+  .item();
 
   display: flex;
   text-decoration: none;
@@ -80,7 +80,7 @@
       inset: 0;
       border-radius: 100%;
       pointer-events: none;
-      background: var(--longhorn-background--active);
+      background: var(--item-background--active);
     }
 
     img,

diff --git a/war/src/main/less/modules/side-panel-tasks.less b/war/src/main/less/modules/side-panel-tasks.less
@@ -20,7 +20,7 @@
 }
 
 #tasks .task .task-link {
-  .longhorn();
+  .item();
 
   position: relative;
   display: flex;
@@ -66,7 +66,7 @@
     }
 
     &::before {
-      background-color: var(--longhorn-background--active) !important;
+      background-color: var(--item-background--active) !important;
     }
     &::after {
       box-shadow: none !important;

diff --git a/war/src/main/less/modules/table.less b/war/src/main/less/modules/table.less
@@ -181,7 +181,7 @@
   }
 
   &__button, .sortheader, &__link {
-    .longhorn();
+    .item();
     align-items: center;
     justify-content: center;
     appearance: none;