pfe-1827 Changed variables for border active and added border tertiar…

…y hover
SwedbankPay · Oct 30, 2024 · 1dc013e · 1dc013e
1 parent fa83584
commit 1dc013e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/less/components/payex/button.less b/src/less/components/payex/button.less
@@ -4,7 +4,7 @@
 	font-family: var(--brand-default-buttons);
 
 	&:active {
-		border: 3px solid @btn-active-border-color;
+		border: 3px solid var(--brand-secondary);
 	}
 
 	&.btn-primary {
@@ -33,24 +33,23 @@
 		border: 1px solid var(--brand-secondary-light-3);
 
 		&:focus {
-			border: 1px solid var(--brand-secondary-light-3);
 			box-shadow: none;
 		}
 
 		&:active {
-			border: 3px solid @btn-active-border-color;
+			border: 3px solid var(--brand-secondary);
 		}  
 
 		&:hover {
 			background-color: var(--light-gray) !important;
 			color: var(--brand-secondary) !important;
-			border: 1px solid var(--brand-secondary-light-3);
 		}
 	}
 
  	&.btn-tertiary {
 		&:hover {
 			background-color: var(--soft-brown) !important;
+			border: 3px solid var(--soft-brown);
 		}
 	} 
 

diff --git a/src/less/variables-payex.less b/src/less/variables-payex.less
@@ -90,9 +90,6 @@
 @link-hover-color: @brand-primary;
 @link-color: @btn-primary-bg;
 
-/* Button active border color */
-@btn-active-border-color: #3c3c3c;
-
 /* Input */
 @input-color: @brand-secondary;
 @input-bg: @white;