Remove global h2 css rule in favour of heading styles/components (#32969)

* Remove global h2 css rule in favour of heading styles/components * Use Compound Heading in shared-components and forbid hX elements * Use Compound Heading in settings add back margin to some legacy headings * Tweak some headings * Update screenshots * Update screenshots * Update snapshots * Tweak .gitignore * Update snapshots * Iterate * Update screenshots * Update screenshots * Update screenshot
2026-04-02 16:13:17 +00:00
parent 7bbd86ca10
commit 2d3e2fcb70
89 changed files with 65 additions and 30 deletions
@@ -0,0 +1,12 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+.mx_UserPersonalInfoSettings {
+    h2 {
+        margin: var(--cpd-space-4x) 0;
+    }
+}
@@ -9,6 +9,10 @@ Please see LICENSE files in the repository root for full details.
 .mx_UserProfileSettings {
    border-bottom: 1px solid $quinary-content;

+    h2 {
+        margin: var(--cpd-space-4x) 0;
+    }
+
    .mx_UserProfileSettings_profile {
        display: flex;
        margin-top: var(--cpd-space-6x);