/
_settings-components.scss
67 lines (57 loc) · 2.18 KB
/
_settings-components.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS COMPONENT SETTINGS
----------------------------------------
-
Read more about settings and
USWDS style tokens in the documentation:
https://v2.designsystem.digital.gov/style-tokens
-
----------------------------------------
*/
// Accordion
$theme-accordion-border-width: 0.5 !default;
$theme-accordion-border-color: 'base-lightest' !default;
$theme-accordion-font-family: 'body' !default;
// Alert
$theme-alert-bar-width: 1 !default;
$theme-alert-font-family: 'ui' !default;
$theme-alert-icon-size: 4 !default;
$theme-alert-measure: 3 !default;
$theme-alert-padding-x: 2.5 !default;
// Banner
$theme-banner-font-family: 'ui' !default;
// Button
$theme-button-font-family: 'ui' !default;
$theme-button-border-radius: 'md' !default;
$theme-button-small-width: 6 !default;
$theme-button-stroke-width: 2px !default;
// Footer
$theme-footer-font-family: 'body' !default;
// Form and input
$theme-checkbox-border-radius: 'sm' !default;
$theme-form-font-family: 'ui' !default;
$theme-input-line-height: 3 !default;
$theme-input-max-width: 'mobile-lg' !default;
$theme-input-select-border-width: 2px !default;
$theme-input-select-size: 2.5 !default;
$theme-input-state-border-width: 0.5 !default;
// Header
$theme-header-font-family: 'ui' !default;
$theme-megamenu-logo-text-width: 33% !default;
// Navigation
$theme-navigation-font-family: 'ui' !default;
$theme-navigation-width: 'desktop' !default;
// Search
$theme-search-font-family: 'ui' !default;
$theme-search-min-width: 27ch !default;
// Sidenav
$theme-sidenav-current-border-width: 0.5 !default;
$theme-sidenav-font-family: 'ui' !default;