-
Notifications
You must be signed in to change notification settings - Fork 0
/
_index.scss
184 lines (160 loc) · 7.28 KB
/
_index.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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
/*
* USWDS theme setting overrides
*/
@use 'cfa-uswds-theme' as *;
@use 'uswds-core' with (
// Settings
$theme-show-compile-warnings: $cfa-show-compile-warnings,
$theme-show-notifications: $cfa-show-notifications,
// Focus
$theme-focus-color: $cfa-focus-color,
// Spacing
$theme-border-radius-sm: $cfa-border-radius-sm,
$theme-border-radius-md: $cfa-border-radius-md,
$theme-border-radius-lg: $cfa-border-radius-lg,
$theme-grid-container-max-width: $cfa-grid-container-max-width,
// $theme-site-margins-width: 1, // affects alert horizontal padding
// $theme-site-margins-mobile-width: 1, // affects alert horizontal padding
$theme-banner-max-width: $cfa-banner-max-width,
$theme-footer-max-width: $cfa-footer-max-width,
$theme-header-max-width: $cfa-header-max-width,
$theme-identifier-max-width: $cfa-identifier-max-width,
$theme-in-page-nav-main-content-max-width: $cfa-in-page-nav-main-content-max-width,
$theme-site-alert-max-width: $cfa-site-alert-max-width,
// Color
// - Base
$theme-color-base-family: $cfa-color-base-family,
$theme-color-base-lightest: $cfa-color-base-lightest,
$theme-color-base-lighter: $cfa-color-base-lighter,
$theme-color-base-light: $cfa-color-base-light,
$theme-color-base: $cfa-color-base,
$theme-color-base-dark: $cfa-color-base-dark,
$theme-color-base-darker: $cfa-color-base-darker,
$theme-color-base-darkest: $cfa-color-base-darkest,
$theme-color-base-ink: $cfa-color-base-ink,
// - Primary
$theme-color-primary-family: $cfa-color-primary-family,
$theme-color-primary-lightest: $cfa-color-primary-lightest,
$theme-color-primary-lighter: $cfa-color-primary-lighter,
$theme-color-primary-light: $cfa-color-primary-light,
$theme-color-primary: $cfa-color-primary,
$theme-color-primary-vivid: $cfa-color-primary-vivid,
$theme-color-primary-dark: $cfa-color-primary-dark,
$theme-color-primary-darker: $cfa-color-primary-darker,
// - Secondary
$theme-color-secondary-family: $cfa-color-secondary-family,
$theme-color-secondary-lighter: $cfa-color-secondary-lighter,
$theme-color-secondary-light: $cfa-color-secondary-light,
$theme-color-secondary: $cfa-color-secondary,
$theme-color-secondary-vivid: $cfa-color-secondary-vivid,
$theme-color-secondary-dark: $cfa-color-secondary-dark,
$theme-color-secondary-darker: $cfa-color-secondary-darker,
// - Accent Warm
$theme-color-accent-warm-family: $cfa-color-accent-warm-family,
$theme-color-accent-warm-lighter: $cfa-color-accent-warm-lighter,
$theme-color-accent-warm-light: $cfa-color-accent-warm-light,
$theme-color-accent-warm: $cfa-color-accent-warm,
$theme-color-accent-warm-dark: $cfa-color-accent-warm-dark,
$theme-color-accent-warm-darker: $cfa-color-accent-warm-darker,
// - Accent Cool
$theme-color-accent-cool-family: $cfa-color-accent-cool-family,
$theme-color-accent-cool-lighter: $cfa-color-accent-cool-lighter,
$theme-color-accent-cool-light: $cfa-color-accent-cool-light,
$theme-color-accent-cool: $cfa-color-accent-cool,
$theme-color-accent-cool-dark: $cfa-color-accent-cool-dark,
$theme-color-accent-cool-darker: $cfa-color-accent-cool-darker,
// - Error
$theme-color-error-family: $cfa-color-error-family,
$theme-color-error-lighter: $cfa-color-error-lighter,
$theme-color-error-light: $cfa-color-error-light,
$theme-color-error: $cfa-color-error,
$theme-color-error-dark: $cfa-color-error-dark,
$theme-color-error-darker: $cfa-color-error-darker,
// - Warning
$theme-color-warning-family: $cfa-color-warning-family,
$theme-color-warning-lighter: $cfa-color-warning-lighter,
$theme-color-warning-light: $cfa-color-warning-light,
$theme-color-warning: $cfa-color-warning,
$theme-color-warning-dark: $cfa-color-warning-dark,
$theme-color-warning-darker: $cfa-color-warning-darker,
// - Success
$theme-color-success-family: $cfa-color-success-family,
$theme-color-success-lighter: $cfa-color-success-lighter,
$theme-color-success-light: $cfa-color-success-light,
$theme-color-success: $cfa-color-success,
$theme-color-success-dark: $cfa-color-success-dark,
$theme-color-success-darker: $cfa-color-success-darker,
// - Info
$theme-color-info-family: $cfa-color-info-family,
$theme-color-info-lighter: $cfa-color-info-lighter,
$theme-color-info-light: $cfa-color-info-light,
$theme-color-info: $cfa-color-info,
$theme-color-info-dark: $cfa-color-info-dark,
$theme-color-info-darker: $cfa-color-info-darker,
// - Emergency
$theme-color-emergency: $cfa-color-emergency,
$theme-color-emergency-dark: $cfa-color-emergency-dark,
// - Disabled
$theme-color-disabled-family: $cfa-color-disabled-family,
$theme-color-disabled-light: $cfa-color-disabled-light,
$theme-color-disabled: $cfa-color-disabled,
$theme-color-disabled-dark: $cfa-color-disabled-dark,
// - Visited
$theme-link-color: $cfa-link-color,
$theme-link-visited-color: $cfa-link-visited-color,
// Typography
$theme-global-paragraph-styles: $cfa-global-paragraph-styles,
$theme-global-link-styles: $cfa-global-link-styles,
$theme-global-content-styles: $cfa-global-content-styles,
$theme-font-type-sans: $cfa-font-type-sans,
$theme-font-type-serif: $cfa-font-type-serif,
$theme-font-role-heading: $cfa-font-role-heading,
// - Custom monospaced font
$theme-typeface-tokens: $cfa-typeface-tokens,
$theme-font-type-mono: $cfa-font-type-mono,
$theme-font-mono-custom-stack: $cfa-font-mono-custom-stack,
// - Type scale
$theme-type-scale-3xs: $cfa-type-scale-3xs,
$theme-type-scale-2xs: $cfa-type-scale-2xs,
$theme-type-scale-xs: $cfa-type-scale-xs,
$theme-type-scale-sm: $cfa-type-scale-sm,
$theme-type-scale-md: $cfa-type-scale-md,
$theme-type-scale-lg: $cfa-type-scale-lg,
$theme-type-scale-xl: $cfa-type-scale-xl,
$theme-type-scale-2xl: $cfa-type-scale-2xl,
$theme-type-scale-3xl: $cfa-type-scale-3xl,
$theme-style-body-element: $cfa-style-body-element,
$theme-body-line-height: $cfa-body-line-height,
$theme-h6-font-size: $cfa-h6-font-size,
$theme-lead-font-size: $cfa-lead-font-size,
$theme-lead-line-height: $cfa-lead-line-height,
$theme-small-font-size: $cfa-small-font-size,
$theme-heading-margin-top: $cfa-heading-margin-top,
$theme-paragraph-margin-top: $cfa-paragraph-margin-top,
$theme-text-measure-narrow: $cfa-text-measure-narrow,
$theme-text-measure: $cfa-text-measure,
$theme-text-measure-wide: $cfa-text-measure-wide,
// Components
// - Alert
$theme-alert-padding-x: $cfa-alert-padding-x,
$theme-alert-padding-y: $cfa-alert-padding-y,
$theme-alert-link-color: $cfa-alert-link-color,
// - Accordion
$theme-accordion-border-width: $cfa-accordion-border-width,
$theme-accordion-border-color: $cfa-accordion-border-color,
// - Banner
$theme-banner-link-color: $cfa-banner-link-color,
// - Checkbox
$theme-input-select-size: $cfa-input-select-size,
$theme-checkbox-border-radius: $cfa-checkbox-border-radius,
$theme-input-tile-border-radius: $cfa-input-tile-border-radius,
$theme-input-tile-border-width: $cfa-input-tile-border-width,
// - Header
$theme-header-logo-text-width: $cfa-header-logo-text-width,
// - Summary Box
$theme-summary-box-link-color: $cfa-summary-box-link-color,
// Utilities
$utilities-use-important: $cfa-utilities-use-important,
$theme-utility-breakpoints: $cfa-utility-breakpoints,
$text-align-manual-values: $cfa-text-align-manual-values
);