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:
committed by
Andrew Croce
parent
c06b0f679a
commit
ef0ee332b7
5
scss/elements/_buttons.scss
Normal file
5
scss/elements/_buttons.scss
Normal 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
|
||||
*/
|
30
scss/elements/_inputs.scss
Normal file
30
scss/elements/_inputs.scss
Normal 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;
|
||||
}
|
||||
}
|
5
scss/elements/_tables.scss
Normal file
5
scss/elements/_tables.scss
Normal 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
|
||||
*/
|
24
scss/elements/_typography.scss
Normal file
24
scss/elements/_typography.scss
Normal 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;
|
||||
}
|
Reference in New Issue
Block a user