From f965222cd97a7b7394d39d8e40a35dd1a1eb3c29 Mon Sep 17 00:00:00 2001
From: Maximilian <Maximilian.Franzke@deutschebahn.com>
Date: Thu, 4 May 2023 11:59:49 +0200
Subject: [PATCH] fix(button): active disabled state visualization #440

---
 .../_patterns/01-elements/buttons/button.scss | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/source/_patterns/01-elements/buttons/button.scss b/source/_patterns/01-elements/buttons/button.scss
index 3ff15c4de8..42f833cdf6 100644
--- a/source/_patterns/01-elements/buttons/button.scss
+++ b/source/_patterns/01-elements/buttons/button.scss
@@ -56,10 +56,10 @@
 				// TODO: This could probably get simplified later on e.g. via CSS variables
 				background-color: $button-brand-primary-hover-backgroundColor;
 			}
-		}
 
-		&:active {
-			background-color: #cc0013; // TODO: replace by correct color variable
+			&:active {
+				background-color: #cc0013; // TODO: replace by correct color variable
+			}
 		}
 	}
 
@@ -75,10 +75,10 @@
 				// TODO: This could probably get simplified later on e.g. via CSS variables
 				background-color: $button-primary-hover-backgroundColor;
 			}
-		}
 
-		&:active {
-			background-color: #363c4a;
+			&:active {
+				background-color: #363c4a;
+			}
 		}
 	}
 
@@ -99,10 +99,10 @@
 				// TODO: This could probably get simplified later on e.g. via CSS variables
 				background-color: $button-secondaryOutline-hover-backgroundColor;
 			}
-		}
 
-		&:active {
-			background-color: $button-secondaryOutline-active-backgroundColor;
+			&:active {
+				background-color: $button-secondaryOutline-active-backgroundColor;
+			}
 		}
 	}
 
@@ -122,10 +122,10 @@
 				// TODO: This could probably get simplified later on e.g. via CSS variables
 				background-color: $button-secondarySolid-hover-backgroundColor;
 			}
-		}
 
-		&:active {
-			background-color: $button-secondarySolid-active-backgroundColor;
+			&:active {
+				background-color: $button-secondarySolid-active-backgroundColor;
+			}
 		}
 	}
 
@@ -143,10 +143,10 @@
 				// TODO: This could probably get simplified later on e.g. via CSS variables
 				background-color: $button-secondaryOutline-hover-backgroundColor;
 			}
-		}
 
-		&:active {
-			background-color: $button-secondaryOutline-active-backgroundColor;
+			&:active {
+				background-color: $button-secondaryOutline-active-backgroundColor;
+			}
 		}
 	}