Update BEM names

cfpb · Mar 27, 2024 · 86581a6 · 86581a6
1 parent 33d096c
commit 86581a6
Show file tree

Hide file tree

Showing 284 changed files with 2,517 additions and 2,517 deletions.
diff --git a/cfgov/agreements/jinja2/agreements/_need_help.html b/cfgov/agreements/jinja2/agreements/_need_help.html
@@ -1,6 +1,6 @@
 <div class="m-related-links">
     <header class="m-slug-header">
-        <h2 class="m-slug-header_heading">
+        <h2 class="m-slug-header__heading">
             Need help with your credit cards?
         </h2>
     </header>

diff --git a/cfgov/agreements/jinja2/agreements/archive.html b/cfgov/agreements/jinja2/agreements/archive.html
@@ -10,7 +10,7 @@
   ({'href':'/credit-cards/agreements/','title':'Credit card agreement database'}),
 ] %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
         <h1>Credit card agreement archive</h1>
         {% if agreements | length == 0 %}
@@ -50,7 +50,7 @@ <h1>Credit card agreement archive</h1>
     </div>
 {% endblock %}
 
-{% block content_sidebar scoped  %}
+{% block content__sidebar scoped  %}
     <div class="block block__flush-top">
         {% include '_need_help.html' %}
     </div>

diff --git a/cfgov/agreements/jinja2/agreements/index.html b/cfgov/agreements/jinja2/agreements/index.html
@@ -9,7 +9,7 @@
   ({'href':'/data-research/credit-card-data/','title':'Credit cards'}),
 ] %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
         <h1>Credit card agreement database</h1>
 
@@ -79,7 +79,7 @@ <h3>College credit card agreements</h3>
 
 {% endblock %}
 
-{% block content_sidebar scoped  %}
+{% block content__sidebar scoped  %}
     <div class="block block__flush-top">
         {% include '_need_help.html' %}
     </div>

diff --git a/cfgov/agreements/jinja2/agreements/search.html b/cfgov/agreements/jinja2/agreements/search.html
@@ -10,7 +10,7 @@
     Credit card agreement database search result | Consumer Financial Protection Bureau
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
         <h1>Credit card agreement database</h1>
     </div>
@@ -54,41 +54,41 @@ <h2>Agreements by '{{ issuer.name }}'</h2>
                     aria-label="Pagination">
 
                 {% if page.has_previous() %}
-                <a class="a-btn m-pagination_btn-prev"
+                <a class="a-btn m-pagination__btn-prev"
                     href="?page={{ page.previous_page_number() }}#ccagrsearch">
-                    <span class="a-btn_icon a-btn_icon__on-left">{{ svg_icon('left') }}</span>
+                    <span class="a-btn__icon a-btn__icon--on-left">{{ svg_icon('left') }}</span>
                     Previous
                 </a>
                 {% else %}
-                <a class="a-btn m-pagination_btn-prev" disabled>
-                    <span class="a-btn_icon a-btn_icon__on-left">{{ svg_icon('left') }}</span>
+                <a class="a-btn m-pagination__btn-prev" disabled>
+                    <span class="a-btn__icon a-btn__icon--on-left">{{ svg_icon('left') }}</span>
                     Previous
                 </a>
                 {% endif %}
 
                 {% if page.has_next() %}
-                <a class="a-btn m-pagination_btn-next"
+                <a class="a-btn m-pagination__btn-next"
                     href="?page={{ page.next_page_number() }}#ccagrsearch">
                     Next
-                    <span class="a-btn_icon a-btn_icon__on-right">{{ svg_icon('right') }}</span>
+                    <span class="a-btn__icon a-btn__icon--on-right">{{ svg_icon('right') }}</span>
                 </a>
                 {% else %}
-                <a class="a-btn m-pagination_btn-next" disabled>
+                <a class="a-btn m-pagination__btn-next" disabled>
                     Next
-                    <span class="a-btn_icon a-btn_icon__on-right">{{ svg_icon('right') }}</span>
+                    <span class="a-btn__icon a-btn__icon--on-right">{{ svg_icon('right') }}</span>
                 </a>
                 {% endif %}
 
-                <form class="m-pagination_form"
+                <form class="m-pagination__form"
                         action="#ccagrsearch">
-                    <label class="m-pagination_label"
-                            for="m-pagination_current-page">
+                    <label class="m-pagination__label"
+                            for="m-pagination__current-page">
                         Page
                         <span class="u-visually-hidden">
                             number {{ page.number }} out
                         </span>
-                        <input class="m-pagination_current-page"
-                                id="m-pagination_current-page"
+                        <input class="m-pagination__current-page"
+                                id="m-pagination__current-page"
                                 name="page"
                                 type="number"
                                 min="1"
@@ -100,8 +100,8 @@ <h2>Agreements by '{{ issuer.name }}'</h2>
                     </label>
                     <button class="a-btn
                                     a-btn__link
-                                    m-pagination_btn-submit"
-                            id="m-pagination_btn-submit"
+                                    m-pagination__btn-submit"
+                            id="m-pagination__btn-submit"
                             type="submit">Go</button>
                 </form>
             </nav>
@@ -114,11 +114,11 @@ <h2>Agreements by '{{ issuer.name }}'</h2>
 
 {% endblock %}
 
-{% block content_sidebar scoped  %}
+{% block content__sidebar scoped  %}
     <div class="block block__flush-top">
         <div class="m-related-links">
             <header class="m-slug-header">
-                <h2 id="issuer-select" class="m-slug-header_heading">
+                <h2 id="issuer-select" class="m-slug-header__heading">
                     Search again
                 </h2>
             </header>

diff --git a/cfgov/ask_cfpb/jinja2/ask-cfpb/_disclaimer.html b/cfgov/ask_cfpb/jinja2/ask-cfpb/_disclaimer.html
@@ -1,6 +1,6 @@
 <div class="block">
     <header class="m-slug-header">
-        <h2 class="m-slug-header_heading">
+        <h2 class="m-slug-header__heading">
             {{ disclaimer.sidefoot_heading }}
         </h2>
     </header>

diff --git a/cfgov/ask_cfpb/jinja2/ask-cfpb/answer-page.html b/cfgov/ask_cfpb/jinja2/ask-cfpb/answer-page.html
@@ -20,7 +20,7 @@
     {{ super() }} ask-cfpb-page ask-cfpb-page__answer
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block
                 block__flush-top
                 block__sub">
@@ -52,11 +52,11 @@ <h1>
         <div class="block block__sub">
 
             <div class="o-summary o-summary__mobile">
-                <div class="o-summary_content answer-text">
+                <div class="o-summary__content answer-text">
                     {% include_block page.answer_content %}
                 </div>
 
-                <button class="o-summary_btn u-hidden">
+                <button class="o-summary__btn u-hidden">
                     {{ _('Read full answer') }}
                     {{ svg_icon('plus-round') }}
                 </button>
@@ -69,15 +69,15 @@ <h2>{{ _('Don\'t see what you\'re looking for?') }}</h2>
                     <h3>{{ _('Browse related questions') }} </h3>
                     <ul class="m-list m-list__unstyled m-list__links">
                         {% for question in related_questions %}
-                        <li class="m-list_item">
-                            <a href="{{ question.url }}" class="m-list_link">
+                        <li class="m-list__item">
+                            <a href="{{ question.url }}" class="m-list__link">
                                 {{ question.question | safe }}
                             </a>
                         </li>
                         {% endfor %}
                         {% if portal_page %}
-                        <li class="m-list_item m-list_item__last">
-                            <a href="{{ portal_page.url }}" class="m-list_link">
+                        <li class="m-list__item m-list__item__last">
+                            <a href="{{ portal_page.url }}" class="m-list__link">
                                 <b>
                                     {{ _('Learn more about') }}
                                     {{ portal_page.portal_topic.title(page.language) | lower }}
@@ -97,7 +97,7 @@ <h3>{{ _('Browse related questions') }} </h3>
     </div>
 {% endblock %}
 
-{% block content_sidebar scoped  %}
+{% block content__sidebar scoped  %}
     {% if about_us %}
         <div class="block
                     block__flush-top

diff --git a/cfgov/ask_cfpb/jinja2/ask-cfpb/answer-search-results.html b/cfgov/ask_cfpb/jinja2/ask-cfpb/answer-search-results.html
@@ -12,7 +12,7 @@
     {{ super() }} ask-cfpb-page ask-cfpb-page__search
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block
                 block__flush-top">
         <h1>{{ _('Search our library of answers') }}</h1>
@@ -90,7 +90,7 @@ <h4>
 
 {% endblock %}
 
-{% block content_sidebar scoped -%}
+{% block content__sidebar scoped -%}
     {% if about_us %}
         <div class="block block__flush-top about-us-text">
             {{ about_us.text | richtext }}

diff --git a/cfgov/ask_cfpb/jinja2/ask-cfpb/landing-page.html b/cfgov/ask_cfpb/jinja2/ask-cfpb/landing-page.html
@@ -14,13 +14,13 @@
     {{ super() }} ask-cfpb-page ask-cfpb-page__landing
 {%- endblock %}
 
-{% block content_intro -%}
+{% block content__intro -%}
     {% for block in page.header -%}
         {{ render_block.render(block, loop.index) }}
     {%- endfor %}
 {% endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
 
         {% import 'v1/includes/molecules/translation-links.html' as translation_links with context %}
@@ -35,7 +35,7 @@
 
 {% endblock %}
 
-{% block content_sidebar scoped -%}
+{% block content__sidebar scoped -%}
     {% if about_us %}
         <div class="block block__flush-top about-us-text">
             {{ about_us.text | richtext }}

diff --git a/cfgov/ask_cfpb/jinja2/ask-cfpb/see-all.html b/cfgov/ask_cfpb/jinja2/ask-cfpb/see-all.html
@@ -11,7 +11,7 @@
     {{ super() }} ask-cfpb-page ask-cfpb-page__see-all
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <h1>
       {{ page.title }}
     </h1>

diff --git a/cfgov/diversity_inclusion/jinja2/diversity_inclusion/_sidebar.html b/cfgov/diversity_inclusion/jinja2/diversity_inclusion/_sidebar.html
@@ -10,7 +10,7 @@ <h3>About us</h3>
 <div class="block">
     <div class="m-related-links">
         <header class="m-slug-header">
-            <h2 class="m-slug-header_heading">
+            <h2 class="m-slug-header__heading">
                 About the Voluntary Diversity Self-Assessment
             </h2>
         </header>
@@ -49,8 +49,8 @@ <h2 class="m-slug-header_heading">
             </li>
         </ul>
         <ul class="m-list m-list__links">
-            <li class="m-list_item">
-                <a href="/about-us/diversity-and-inclusion/self-assessment-regulated-entities/" class="m-list_link">
+            <li class="m-list__item">
+                <a href="/about-us/diversity-and-inclusion/self-assessment-regulated-entities/" class="m-list__link">
                     Learn more about the Voluntary Diversity Self-Assessment
                 </a>
             </li>

diff --git a/cfgov/diversity_inclusion/jinja2/diversity_inclusion/form-submitted.html b/cfgov/diversity_inclusion/jinja2/diversity_inclusion/form-submitted.html
@@ -14,18 +14,18 @@
     Your voluntary diversity assessment onboarding has been submitted | Consumer Financial Protection Bureau
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
         <h1>Voluntary diversity assessment onboarding form</h1>
     </div>
     <div class="block">
         <div class="m-notification m-notification__visible m-notification__success">
             {{ svg_icon('approved-round') }}
-            <div class="m-notification_content">
-                <div class="h4 m-notification_message">
+            <div class="m-notification__content">
+                <div class="h4 m-notification__message">
                     Your voluntary diversity assessment onboarding has been submitted
                 </div>
-                <p class="m-notification_explanation">
+                <p class="m-notification__explanation">
                     We’ll use the information you submitted to give you access to the Inclusivity Portal.
                     You’ll receive an email when your portal account has been created with instructions for logging in.
                     If you have any questions, please contact the Office of Minority and Women Inclusion’s Diversity Assessments Support Team at
@@ -36,6 +36,6 @@ <h1>Voluntary diversity assessment onboarding form</h1>
     </div>
 {% endblock %}
 
-{% block content_sidebar -%}
+{% block content__sidebar -%}
     {% include '_sidebar.html' %}
 {%- endblock %}
diff --git a/cfgov/diversity_inclusion/jinja2/diversity_inclusion/privacy.html b/cfgov/diversity_inclusion/jinja2/diversity_inclusion/privacy.html
@@ -22,7 +22,7 @@
     The Privacy Act statement for the CFPB’s voluntary diversity assessment onboarding form.
 {%- endblock %}
 
-{% block content_main %}
+{% block content__main %}
     <div class="block block__flush-top">
         <h1>
             Privacy Act statement
@@ -42,6 +42,6 @@ <h1>
     </div>
 {% endblock %}
 
-{% block content_sidebar -%}
+{% block content__sidebar -%}
     {% include '_sidebar.html' %}
 {%- endblock %}