SCSS refactor, theme cleanup

app/templates/base.html

@@ -21,7 +21,7 @@
     {% block bodyStart %}
       {% block extra_javascripts_before_body %}
       <noscript><iframe sandbox src="https://www.googletagmanager.com/ns.html?id=GTM-WX5NGWF"
-      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+      height="0" width="0" class="display-none visibility-hidden"></iframe></noscript>
       {% endblock %}
     {% endblock %}
 

app/templates/components/header.html

@@ -62,7 +62,7 @@
           {% endif %}
           {% endfor %}
         </ul>
-        <div class="usa-nav__secondary margin-bottom-6">
+        <div class="usa-nav__secondary">
           <ul class="usa-nav__secondary-links">
             {% if secondaryNavigation %}
             {% for item in secondaryNavigation %}

app/templates/partials/templates/guidance-formatting.html

@@ -29,7 +29,7 @@
 </p>
 {{ usaInsetText({
   "html": '<p class="usa-body">First paragraph</p>
-            <p class="usa-body" style="letter-spacing: 1px;">---</p>
+            <p class="usa-body text-spaced">---</p>
             <p class="usa-body">Second paragraph</p>',
   "classes": ""})
 }}

app/templates/views/choose-account.html

@@ -110,7 +110,7 @@
       {% endif %}
       {{ usaButton({
         "element": "a",
-        "text": "Add a new service",
+        "text": "Add service",
         "href": url_for('.add_service'),
         "classes": ""
       }) }}

app/templates/views/find-users/user-information.html

@@ -66,7 +66,7 @@
       </p>
       {% endif %}
       {% if user.failed_login_count > 0 %}
-      <p style="color:#b10e1e;">
+      <p class="text-error">
         {{ user.failed_login_count }} failed login attempts
       </p>
       {% endif %}

app/templates/views/manage-users.html

@@ -33,7 +33,7 @@
     <div>
       {{ live_search(target_selector='.user-list-item', show=True, form=form) }}
     </div>
-    <div class="js-live-search-no-results" style="display: none;">
+    <div class="js-live-search-no-results display-none">
       <p class="usa-body margin-0">No results found</p>
     </div>
   {% endif %}

app/templates/views/signedout.html

@@ -31,7 +31,7 @@ import usaButton %} {% block meta %}
         </div>
       </section>
       <section class="usa-section usa-prose" aria-label="Introduction">
-        <div class="grid-container padding-y-4">
+        <div class="grid-container">
           <div class="grid-row grid-gap display-flex flex-align-center">
             <div class="desktop:grid-col-8 tablet:grid-col-12">
               <h2 class="font-body-xl">

app/templates/views/templates/copy.html

@@ -32,7 +32,7 @@
         form=search_form,
         autofocus=True
       ) }}
-      <div class="js-live-search-no-results" style="display: none;">
+      <div class="js-live-search-no-results display-none">
         <p class="usa-body margin-top-2">No templates found</p>
       </div>
       <nav id="template-list" aria-label="Copy template list">