Introduce USWDS theming and upgrade to USWDS 3.8.

README.md

@@ -67,6 +67,13 @@ To run tests (TBD -- this currently does not work with selenium web driver)
 - copy the file ./pre-commit to your .git/hooks/ folder within the project to ensure changed files adhere to project standards, prior to commit.
 - to get a commit through without running that pre-commit hook, use the --no-verify option
 
+## Updating USWDS
+Touchpoints employs a customized version of USWDS for styling. Upgrading to a new version of USWDS requires the following steps:
+1. Run `yarn upgrade @uswds/uswds --latest --exact` to get the latest version of USWDS.
+2. Run `npx gulp updateUswds` to update all of our project's assets to the new version of USWDS. This update includes
+a step that generates CSS from the USWDS SASS files along with our project customizations. See [uswds-compiler documentation](https://designsystem.digital.gov/documentation/getting-started/developers/phase-two-compile/#introducing-uswds-compile-2)
+for more details.
+
 ## License
 
 See [LICENSE](LICENSE.md)

app/assets/stylesheets/application.css

@@ -10,7 +10,7 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
- *= require uswds
+ *= require uswds-styles
  *= require site
  *= require font-awesome-all
  *= require jquery-ui

app/assets/stylesheets/site.scss

@@ -251,21 +251,6 @@ tbody tr:hover td {
   text-decoration: none;
 }
 
-.usa-table {
-  th, td {
-    border: 1px solid #f0f0f0;
-  }
-  td:first-child {
-    border-left: 1px solid #f0f0f0;
-  }
-  td:last-child {
-    border-right: 1px solid #f0f0f0;
-  }
-  tbody tr:last-child {
-    border-bottom: 1px solid #f0f0f0;
-  }
-}
-
 // Override
 .usa-nav__secondary {
   bottom: 1.5rem;