Some minor restructuring of the SASS files to reflect the architecture of USWDS

Add a brief README explaining best practices for styling
Add comment annotations to the top of each file that references the original USWDS documentation and source
This commit is contained in:
Andrew Croce
2018-07-05 16:16:39 -04:00
committed by Andrew Croce
parent c06b0f679a
commit ef0ee332b7
10 changed files with 216 additions and 9 deletions

View File

@@ -0,0 +1,5 @@
/*
* Buttons
* @see https://designsystem.digital.gov/components/buttons/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_buttons.scss
*/

View File

@@ -0,0 +1,30 @@
/*
* Inputs
* @see https://designsystem.digital.gov/components/form-controls/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_inputs.scss
*/
from {
margin-bottom: 3rem;
}
select {
border-radius: 0;
-webkit-appearance: none;
}
.usa-date-input label {
margin-top: 0;
}
.input-label {
margin-top: 1rem;
}
.usa-fieldset-inputs {
margin-top: 2.25rem;
label:first-child {
padding-bottom: 0.5rem;
}
}

View File

@@ -0,0 +1,5 @@
/*
* Tables
* @see https://designsystem.digital.gov/components/tables/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_table.scss
*/

View File

@@ -0,0 +1,24 @@
/*
* Typography
* @see https://designsystem.digital.gov/components/typography/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_typography.scss
*/
h1, h2, h3, h4, h5, h6 {
font-family: $font-sans;
.usa-button {
position: relative;
bottom: 0.5rem;
left: 1rem;
}
}
h1 {
margin-top: 0.5em;
}
h2 {
margin-top: 0;
}