Remediate Less files

cfpb · Apr 16, 2024 · edbbbbb · edbbbbb
1 parent eed8b06
commit edbbbbb
Show file tree

Hide file tree

Showing 139 changed files with 2,410 additions and 2,406 deletions.
diff --git a/cfgov/form_explainer/jinja2/form-explainer/blocks/explainer.html b/cfgov/form_explainer/jinja2/form-explainer/blocks/explainer.html
@@ -19,10 +19,10 @@
     {% set category_index = loop.index %}
     {% for item in category.notes %}
         {% set id = 'page-' + page_num | string + '-category-' + category_index | string + '-note-'  + loop.index | string %}
-        <a class="image-map_overlay image-map_overlay__category-{{ category_index }}"
+        <a class="image-map__overlay image-map__overlay--category-{{ category_index }}"
            style="{{ 'top:' + item.coordinates.top | string + '%; left:' + item.coordinates.left | string + '%; width:' + item.coordinates.width | string + '%; height:' + item.coordinates.height | string + '%;' }}"
            href="#{{ id }}"
-           id="image-map_overlay__{{ id }}"
+           id="image-map__overlay--{{ id }}"
            tabindex="-1">
           <span class="u-visually-hidden">{{ item.heading }}</span>
          </a>
@@ -156,14 +156,14 @@
 
         {% for page in value.pages %}
         {% set page_num = loop.index %}
-        <div class="explain_page"
-             id="explain_page-{{ page_num }}">
-            <figure class="explain_container">
-                <div class="image-map explain_image-map">
-                    <div class="image-map_wrapper">
+        <div class="explain__page"
+             id="explain__page-{{ page_num }}">
+            <figure class="explain__container">
+                <div class="image-map explain__image-map">
+                    <div class="image-map__wrapper">
                         {% if page_count > 1 %}
-                            <div class="form-explainer_page-buttons">
-                                <button class="prev a-btn a-btn__disabled"
+                            <div class="form-explainer__page-buttons">
+                                <button class="prev a-btn a-btn--disabled"
                                         aria-label="Previous page">
                                     {{ svg_icon('left') }}
                                 </button>
@@ -174,15 +174,15 @@
                             </div>
                         {% endif %}
                         {% set media = image(page.image, 'original') %}
-                        <img class="image-map_image"
+                        <img class="image-map__image"
                              src="{{ media.url }}"
                              alt="">
                         {{ render_map_points( page.categories, page_num ) }}
                     </div>
                 </div>
-                <figcaption class="explain_terms">
+                <figcaption class="explain__terms">
                     <div class="o-expandable-group
-                                o-expandable-group__accordion">
+                                o-expandable-group--accordion">
                         {% for category in page.categories %}
                             {% set category_index = loop.index %}
                             {% if category.title %}

diff --git a/cfgov/housing_counselor/jinja2/housing_counselor/index.html b/cfgov/housing_counselor/jinja2/housing_counselor/index.html
@@ -105,12 +105,12 @@ <h2 class="m-slug-header__heading">
             <section id="hud_search_container"
                         class="no-js
                             hud-search-container">
-                <div class="hud-search-container_text">
+                <div class="hud-search-container__text">
                     <form class="o-form" action="#hud_search_container">
                         <div class="m-form-field-with-button">
 
                             <div class="m-form-field">
-                                <label class="a-label a-label__heading" for="hud_hca_api_query">
+                                <label class="a-label a-label__heading" for="hud-hca-api-query">
                                     Search by ZIP code:
                                 </label>
 
@@ -132,7 +132,7 @@ <h2 class="m-slug-header__heading">
                                 </div>
                                 {% endif %}
 
-                                <input id="hud_hca_api_query"
+                                <input id="hud-hca-api-query"
                                         type="text"
                                         name="zipcode"
                                         class="a-text-input a-text-input__full"
@@ -174,12 +174,12 @@ <h2 class="m-slug-header__heading">
 
                 </div>
                 {% if zipcode and zipcode_valid %}
-                    <div class="hud-search-container_map">
+                    <div class="hud-search-container__map">
                         <!-- Mapbox map is ignored during voiceover navigation
                             as set by aria-hidden. -->
-                        <div id="hud_hca_api_map_container"
+                        <div id="hud-hca-api-map-container"
                             aria-hidden="true">
-                            <div id="hud_hca_api_map_canvas"></div>
+                            <div id="hud-hca-api-map-canvas"></div>
                         </div><!-- end .hud_hca_api_map -->
                     </div>
                 {% endif %}
@@ -190,8 +190,8 @@ <h2 class="m-slug-header__heading">
         <div class="block" id="hud_results-list_container">
             <div class="results-header">
                 <ul class="m-list
-                            m-list--horizontal
-                            hud_hca_api_results_actions">
+                           m-list--horizontal
+                           hud-hca-api-results-actions">
                     <li class="m-list__item">
                         <a class="a-link
                                     a-link__icon"

diff --git a/cfgov/housing_counselor/templates/housing_counselor/pdf_selfcontained.html b/cfgov/housing_counselor/templates/housing_counselor/pdf_selfcontained.html
@@ -231,7 +231,7 @@
                             <div class="hud_hca_api_results_total col">
                                 <p>10 closest results to ZIP code <span class="hud_hca_api_search_zip">{{ zipcode }}</span></p>
                             </div><!-- end .hud_hca_api_results_total -->
-                            <div class="hud_hca_api_results_actions col">
+                            <div class="hud-hca-api-results-actions col">
                                 <p>
                                     <span class="hud_hca_api_results_print"><span class="hud_hca_api_no_js_print_text">Print with Browser</span></span>
                                     <span class="hud_hca_api_results_save">
@@ -242,7 +242,7 @@
                                        </a>
                                    </span>
                                 </p>
-                            </div><!-- end .hud_hca_api_results_actions -->
+                            </div><!-- end .hud-hca-api-results-actions -->
                             <div class="hud_hca_api_grid_three hud_hca_api_titles">
                                 <div class="col">
                                     <h2>Agency</h2>

diff --git a/cfgov/jinja2/owning-a-home/_templates/brand-header.html b/cfgov/jinja2/owning-a-home/_templates/brand-header.html
@@ -8,7 +8,7 @@
       </div>
     </div>
     <div class="brand-header__1-2-container">
-      <div class="brand-header_text">
+      <div class="brand-header__text">
         We are the Consumer Financial Protection Bureau (CFPB), a U.S. government agency
         that makes sure banks, lenders, and other financial companies treat you fairly.
         <a href="https://www.consumerfinance.gov/about-us/the-bureau/">Learn how the CFPB can help you.</a>

diff --git a/cfgov/jinja2/rural-or-underserved/index.html b/cfgov/jinja2/rural-or-underserved/index.html
@@ -228,7 +228,7 @@ <h2 id="countMessage">
                     <div class="content-l__col content-l__col-1-4">
                         <h1>
                             <strong>
-                                <a class="ruralCnt no-decoration counter no-decoration" href="#rural">
+                                <a class="rural-cnt no-decoration counter no-decoration" href="#rural">
                                     0
                                 </a>
                             </strong>
@@ -240,7 +240,7 @@ <h4>
                     <div class="content-l__col content-l__col-1-4">
                         <h1>
                             <strong>
-                                <a class="notRuralCnt no-decoration counter no-decoration" href="#notRural">
+                                <a class="not-rural-cnt no-decoration counter no-decoration" href="#notRural">
                                     0
                                 </a>
                             </strong>
@@ -252,7 +252,7 @@ <h4>
                     <div class="content-l__col content-l__col-1-4">
                         <h1>
                             <strong>
-                                <a class="notFoundCnt no-decoration counter no-decoration" href="#notFound">
+                                <a class="not-found-cnt no-decoration counter no-decoration" href="#notFound">
                                     0
                                 </a>
                             </strong>
@@ -264,7 +264,7 @@ <h4>
                     <div class="content-l__col content-l__col-1-4">
                         <h1>
                             <strong>
-                                <a class="duplicateCnt no-decoration counter no-decoration" href="#duplicate">
+                                <a class="duplicate-cnt no-decoration counter no-decoration" href="#duplicate">
                                     0
                                 </a>
                             </strong>
@@ -289,7 +289,7 @@ <h4>
                 <div class="content-l__col content-l__col-1">
                     <div id="rural" class="js-table u-hidden block block--flush-bottom">
                         <h2 class="js-table-title">
-                            <strong><span class="ruralCnt counter">0</span></strong> <span class="ruralCase case">addresses are</span> designated as rural or underserved for
+                            <strong><span class="rural-cnt counter">0</span></strong> <span class="ruralCase case">addresses are</span> designated as rural or underserved for
                             <strong class="chosenYear"></strong>
                         </h2>
                         <p>
@@ -323,7 +323,7 @@ <h2 class="js-table-title">
 
                     <div id="notRural" class="js-table u-hidden block block--flush-bottom">
                         <h2 class="js-table-title">
-                        <strong><span class="notRuralCnt counter">0</span></strong> <span class="notRuralCase case">addresses are</span>
+                        <strong><span class="not-rural-cnt counter">0</span></strong> <span class="notRuralCase case">addresses are</span>
                         <strong>not</strong> designated as rural or underserved for
                         <strong class="chosenYear"></strong>
                         </h2>
@@ -356,7 +356,7 @@ <h2 class="js-table-title">
 
                     <div id="notFound" class="js-table u-hidden block block--flush-bottom">
                         <h2 class="js-table-title">
-                            <strong><span class="notFoundCnt counter">0</span></strong> <span class="notFoundCase case">addresses are</span> not identified
+                            <strong><span class="not-found-cnt counter">0</span></strong> <span class="notFoundCase case">addresses are</span> not identified
                         </h2>
                         <p class="col-8">
                             The locations of these addresses could not be identified because the information provided was not sufficient, the information could not be matched with an address or the information matches with multiple addresses.
@@ -392,7 +392,7 @@ <h2 class="js-table-title">
 
                     <div id="duplicate" class="js-table u-hidden block block--flush-bottom">
                         <h2 class="js-table-title">
-                            <strong><span class="duplicateCnt counter">0</span></strong> <span class="duplicateCase case">addresses are</span> identified as duplicate
+                            <strong><span class="duplicate-cnt counter">0</span></strong> <span class="duplicateCase case">addresses are</span> identified as duplicate
                         </h2>
                         <p class="col-8">
                             These addresses have been identified as duplicate entries, and only the first instance of each address has been counted in the other three categories of results.

diff --git a/cfgov/jobmanager/jinja2/jobmanager/job_listing_page.html b/cfgov/jobmanager/jinja2/jobmanager/job_listing_page.html
@@ -28,8 +28,8 @@
     {% endwith %}
 
     <section class="block
-                    block__padded-top
-                    block__border-top
+                    block--padded-top
+                    block--border-top
                     vacancy-announcement_description">
 
         <div class="o-summary o-summary__mobile">
@@ -38,14 +38,14 @@
                 <h4>Summary</h4>
                 {{ page.description | safe }}
                 {% if page.responsibilities %}
-                    <div class="block block__sub">
+                    <div class="block block--sub">
                         <h4>Responsibilities</h4>
                         {{ page.responsibilities | safe }}
                     </div>
                 {% endif %}
 
                 {% if page.travel_required %}
-                    <div class="block block__sub">
+                    <div class="block block--sub">
                         <h4>Travel required</h4>
                         {% if page.travel_details %}
                         {{ page.travel_details | safe }}
@@ -56,14 +56,14 @@ <h4>Travel required</h4>
                 {% endif %}
 
                 {% if page.additional_section_title and page.additional_section_content %}
-                    <div class="block block__sub">
+                    <div class="block block--sub">
                         <h4>{{ page.additional_section_title }}</h4>
                         {{ page.additional_section_content | safe }}
                     </div>
                 {% endif %}
 
                 {% if page.service_type and page.job_length %}
-                    <div class="block block__sub">
+                    <div class="block block--sub">
                         <h4>Position type</h4>
                         {{- page.service_type }}, {{ page.job_length | lower -}}
                     </div>
@@ -79,11 +79,11 @@ <h4>Position type</h4>
     </section>
 
     <section class="block
-                    block__padded-top
-                    block__border-top
+                    block--padded-top
+                    block--border-top
                     vacancy-announcement_apply">
         <h2 id="interested">What to know if you apply</h2>
-        <div class="block block__sub">
+        <div class="block block--sub">
             <div class="content-l">
                 <div class="content-l__col content-l__col-1-2">
                     <div class="u-flexible-container">
@@ -107,10 +107,10 @@ <h2 id="interested">What to know if you apply</h2>
     </section>
 
     <section class="block
-                    block__padded-top
-                    block__border-top">
+                    block--padded-top
+                    block--border-top">
         <h2 id="interested">Apply for this position</h2>
-        <div class="block block__sub">
+        <div class="block block--sub">
             <div class="content-l">
                 {% for usajobs_link in usajobs_links %}
                     <div class="content-l__col
@@ -141,7 +141,7 @@ <h4>{{ email_link.label }}</h4>
 {% block content_sidebar scoped %}
 
     {% if about_us %}
-        <div class="block block__flush-top">
+        <div class="block block--flush-top">
             {{ about_us.text | safe }}
         </div>
     {% endif %}

diff --git a/cfgov/mega_menu/jinja2/mega_menu/preview.html b/cfgov/mega_menu/jinja2/mega_menu/preview.html
@@ -57,4 +57,4 @@
 eleifend risus quis finibus. Sed aliquam ullamcorper ipsum non fermentum.
 Vivamus malesuada orci et neque laoreet, id pretium odio dignissim.
 </p>
-{% endblock content__main %}
+{% endblock content_main %}
diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/0-intro.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/0-intro.html
@@ -29,7 +29,7 @@
                 {% for block in page.content -%}
                     {{ render_block.render(block, loop.index) }}
                 {%- endfor %}
-                <div class="college-costs_tool-section_buttons">
+                <div class="college-costs__tool-section-buttons">
                     <button class="a-btn college-costs_buttons__start btn__get-started">Get started</button>
                 </div>
             </div>

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/01-school-search.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/01-school-search.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section college-costs_tool-section__school-search" id="college-costs_school-search" data-tool-section="school-info">
+<section class="college-costs__tool-section college-costs__tool-section__school-search" id="college-costs_school-search" data-tool-section="school-info">
     <div class="school-search_start" id="school-search_what-school">
         <h2 tabindex="-1">School & living situation</h2>
         <p>Start with the school you’re considering, plus the program and other info about your situation. Refer to your financial aid offer if you're not sure.</p>

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/02-costs.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/02-costs.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section college-costs_tool-section__costs" data-tool-section="costs">
+<section class="college-costs__tool-section college-costs__tool-section__costs" data-tool-section="costs">
     <h2 tabindex="-1">This year's costs</h2>
     <div data-state-based-visibility="costs-question-hide">
         <p>Does your financial aid offer have information about costs?</p>

diff --git a/...for_college/jinja2/paying-for-college/college-cost-blocks/03-grants-and-scholarships.html b/...for_college/jinja2/paying-for-college/college-cost-blocks/03-grants-and-scholarships.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section" data-tool-section="grants-scholarships">
+<section class="college-costs__tool-section" data-tool-section="grants-scholarships">
     <h2 tabindex="-1">Grants and scholarships</h2>
     <p>You do not have to pay back grants and scholarships as long as you meet their requirements. Please enter the grants and scholarships from your financial aid offer as well as any others you have been awarded.</p>
     {{ notification.render(

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/04-work-study.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/04-work-study.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section" data-tool-section="work-study">
+<section class="college-costs__tool-section" data-tool-section="work-study">
     <h2 tabindex="-1">Work-study</h2>
     <p>Work-study programs are part-time jobs on campus. If your offer includes work-study, that means you are eligible to apply for work-study jobs&mdash;a job will not be lined up for you. The work-study amount in your offer is the maximum you can earn. It is estimated and <strong>not guaranteed.</strong></p>
 

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/05-federal-loans.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/05-federal-loans.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section" data-tool-section="federal-loans">
+<section class="college-costs__tool-section" data-tool-section="federal-loans">
     <h2 tabindex="-1">Federal loans</h2>
 
     <p> Any student loan must be repaid, with interest. Federal loans include some borrower protections and repayment options <span class="undergrad-content">(including, under some circumstances, loan forgiveness) </span>that are not typically offered by private and other non-federal loans.</p>

diff --git a/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/06-school-loans.html b/cfgov/paying_for_college/jinja2/paying-for-college/college-cost-blocks/06-school-loans.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section college-costs_tool-section__school-loans" data-tool-section="school-loans">
+<section class="college-costs__tool-section college-costs__tool-section--school-loans" data-tool-section="school-loans">
     <h2 tabindex="-1">Other loans (loans from your state, the school, and nonprofits)</h2>
 
     <p>Your state, this school, or a nonprofit may offer you loans directly or through a bank. Before taking on this debt, do your research to make sure they are the best option for you. If you think you may want to use this funding, enter it below.</p>

diff --git a/.../paying_for_college/jinja2/paying-for-college/college-cost-blocks/07-other-resources.html b/.../paying_for_college/jinja2/paying-for-college/college-cost-blocks/07-other-resources.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section" data-tool-section="other-resources">
+<section class="college-costs__tool-section" data-tool-section="other-resources">
     <h2 tabindex="-1">Other sources</h2>
     <p>Thank you for entering everything from your financial aid offer. What other sources of funds are available to you?</p>
 

diff --git a/.../paying_for_college/jinja2/paying-for-college/college-cost-blocks/08-loan-counseling.html b/.../paying_for_college/jinja2/paying-for-college/college-cost-blocks/08-loan-counseling.html
@@ -1,4 +1,4 @@
-<section class="college-costs_tool-section" data-tool-section="loan-counseling">
+<section class="college-costs__tool-section" data-tool-section="loan-counseling">
 
     <h2 tabindex="-1">Using student loans strategically</h2>
     <p> Next you will make a plan to cover remaining costs. Since you will probably use loans to pay for school—most students do—it’s important to understand how they work. This page will overview how student loans work and their potential benefits and risks.</p>