From 90fc4ba1470b17d08f0b170761f489e1f2e30045 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Wed, 15 Jun 2022 18:57:51 +0100
Subject: [PATCH] Rename mixin

---
 war/src/main/less/abstracts/mixins.less         | 8 ++++----
 war/src/main/less/abstracts/theme.less          | 8 ++++----
 war/src/main/less/modules/section.less          | 4 ++--
 war/src/main/less/modules/side-panel-tasks.less | 4 ++--
 war/src/main/less/modules/table.less            | 2 +-
 5 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/war/src/main/less/abstracts/mixins.less b/war/src/main/less/abstracts/mixins.less
index 7f1625863e9d..c15460415b34 100644
--- 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
index 63d37e8c7d8b..1e71be68744a 100644
--- 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
index fa9fccfb95e8..bd562c8f9358 100644
--- 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
index 94b69fbae8f7..6350744fa229 100644
--- 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
index 51d03810e578..1d6ffb5a54fb 100644
--- 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;