feat(headline): #20 fix headline alignment when switchOrder is set

kickstartDS · Nov 26, 2024 · 1a68758 · 1a68758
1 parent 45abf0d
commit 1a68758
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/components/headline/headline.scss b/components/headline/headline.scss
@@ -1,11 +1,11 @@
 @import "./headline-tokens.scss";
 :root {
   .dsa-headline {
-    &--align-center {
-      &:after {
-        margin: auto;
-      }
-    }
+    // &--align-center {
+    //   &:after {
+    //     margin: auto;
+    //   }
+    // }
 
     .dsa-headline__subheadline:not(:first-child),
     .dsa-headline__headline:not(:first-child) {
@@ -26,7 +26,6 @@
       .dsa-headline__subheadline:not(:last-child) {
         display: flex;
         flex-direction: column;
-        align-items: center;
 
         &:after {
           content: "";
@@ -39,14 +38,23 @@
         }
       }
 
+      &.dsa-headline--align-center {
+        .dsa-headline__headline,
+        .dsa-headline__subheadline {
+          align-items: center;
+        }
+      }
+
       &.dsa-headline--align-left {
-        .dsa-headline__headline {
+        .dsa-headline__headline,
+        .dsa-headline__subheadline {
           align-items: flex-start;
         }
       }
 
       &.dsa-headline--align-right {
-        .dsa-headline__headline {
+        .dsa-headline__headline,
+        .dsa-headline__subheadline {
           align-items: flex-end;
         }
       }