fix(mon-pix): use CSS BEM more to limit CSS involuntary overridings

1024pix · Dec 3, 2024 · 94ce81a · 94ce81a
1 parent 5ea8292
commit 94ce81a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/mon-pix/app/components/user-account/delete-account-section.gjs b/mon-pix/app/components/user-account/delete-account-section.gjs
@@ -59,7 +59,7 @@ export default class DeleteAccountSection extends Component {
     <section class="delete-account-section">
       <h2>{{t "pages.user-account.delete-account.title"}}</h2>
 
-      <p>
+      <p class="delete-account-section__content">
         {{#if this.hasEmail}}
           {{t
             "pages.user-account.delete-account.warning-email"
@@ -78,7 +78,7 @@ export default class DeleteAccountSection extends Component {
         {{/if}}
       </p>
 
-      <p>
+      <p class="delete-account-section__content">
         {{t "pages.user-account.delete-account.more-information"}}
         <a href="{{this.supportHomeUrl}}" target="_blank" rel="noopener noreferrer">
           {{t "pages.user-account.delete-account.more-information-contact-support"}}

diff --git a/mon-pix/app/components/user-account/delete-account-section.scss b/mon-pix/app/components/user-account/delete-account-section.scss
@@ -4,12 +4,12 @@
   gap: var(--pix-spacing-6x);
   align-items: start;
 
-  h2 {
-    @extend %pix-title-xs;
+  &__content {
+    color: var(--pix-neutral-500);
   }
 
-  p {
-    color: var(--pix-neutral-500);
+  h2 {
+    @extend %pix-title-xs;
   }
 
   a {
@@ -36,10 +36,6 @@
       display: flex;
       flex-direction: column;
       gap: var(--pix-spacing-2x);
-
-      p {
-        color: var(--pix-neutral-800);
-      }
     }
 
     .pix-modal__footer {