@department-of-veterans-affairs/css-library 0.13.1 → 0.14.0-rc1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/stylesheets/_mixins.scss +2 -3
- package/dist/stylesheets/base/fonts.css +22 -15
- package/dist/stylesheets/base/headings.css +23 -16
- package/dist/stylesheets/base/utils.css +2 -2
- package/dist/stylesheets/base/va.css +87 -1523
- package/dist/stylesheets/core.css +4118 -3681
- package/dist/stylesheets/formation-overrides/core/base.css +6 -6
- package/dist/stylesheets/formation-overrides/elements/buttons.css +1 -1
- package/dist/stylesheets/formation-overrides/elements/inputs.css +5 -5
- package/dist/stylesheets/formation-overrides/elements/typography.css +4 -4
- package/dist/stylesheets/modules/m-action-link.css +22 -15
- package/dist/stylesheets/modules/m-alert.css +9 -5
- package/dist/stylesheets/modules/m-emergency-banner.css +1 -1
- package/dist/stylesheets/modules/m-form-process.css +1 -1
- package/dist/stylesheets/modules/m-loading-indicator.css +9 -5
- package/dist/stylesheets/modules/m-maintenance-banner.css +1 -1
- package/dist/stylesheets/modules/m-megamenu.css +2 -2
- package/dist/stylesheets/modules/m-modal.css +10 -6
- package/dist/stylesheets/modules/m-nav-sidebar.css +8 -4
- package/dist/stylesheets/shame.css +3 -2
- package/dist/stylesheets/uswds-typography.css +66 -45
- package/dist/stylesheets/utilities.css +748 -665
- package/dist/tokens/css/variables.css +10 -3
- package/dist/tokens/json/variables.json +157 -4
- package/dist/tokens/scss/variables.scss +10 -3
- package/package.json +3 -3
|
@@ -49,9 +49,8 @@ $default-feature: min-width;
|
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
$color-
|
|
53
|
-
$focus-
|
|
54
|
-
$focus-spacing: 3px;
|
|
52
|
+
$focus-outline: 2px solid $vads-color-action-focus-on-light;
|
|
53
|
+
$focus-spacing: 2px;
|
|
55
54
|
|
|
56
55
|
// Focus state mixin
|
|
57
56
|
@mixin focus {
|
|
@@ -505,6 +505,15 @@ https://designsystem.digital.gov/utilities
|
|
|
505
505
|
*/
|
|
506
506
|
/*
|
|
507
507
|
----------------------------------------
|
|
508
|
+
map-collect()
|
|
509
|
+
----------------------------------------
|
|
510
|
+
Collect multiple maps into a single
|
|
511
|
+
large map
|
|
512
|
+
source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
|
|
513
|
+
----------------------------------------
|
|
514
|
+
*/
|
|
515
|
+
/*
|
|
516
|
+
----------------------------------------
|
|
508
517
|
Utility breakpoints
|
|
509
518
|
----------------------------------------
|
|
510
519
|
Which breakpoints does your project
|
|
@@ -601,15 +610,6 @@ being passed in a mixin's props
|
|
|
601
610
|
*/
|
|
602
611
|
/*
|
|
603
612
|
----------------------------------------
|
|
604
|
-
map-collect()
|
|
605
|
-
----------------------------------------
|
|
606
|
-
Collect multiple maps into a single
|
|
607
|
-
large map
|
|
608
|
-
source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
|
|
609
|
-
----------------------------------------
|
|
610
|
-
*/
|
|
611
|
-
/*
|
|
612
|
-
----------------------------------------
|
|
613
613
|
map-deep-get()
|
|
614
614
|
----------------------------------------
|
|
615
615
|
@author Hugo Giraudel
|
|
@@ -762,18 +762,25 @@ Converts a value in px to a value in rem
|
|
|
762
762
|
*/
|
|
763
763
|
/*
|
|
764
764
|
----------------------------------------
|
|
765
|
-
rem-to-
|
|
765
|
+
rem-to-user-em()
|
|
766
766
|
----------------------------------------
|
|
767
|
-
Converts a value in rem to a value in
|
|
767
|
+
Converts a value in rem to a value in
|
|
768
|
+
[user-settings] em for use in media
|
|
769
|
+
queries
|
|
768
770
|
----------------------------------------
|
|
769
771
|
*/
|
|
770
772
|
/*
|
|
771
773
|
----------------------------------------
|
|
772
|
-
|
|
774
|
+
px-to-user-em()
|
|
773
775
|
----------------------------------------
|
|
774
|
-
Converts a value in
|
|
775
|
-
|
|
776
|
-
|
|
776
|
+
Converts a value in px to a value in em
|
|
777
|
+
----------------------------------------
|
|
778
|
+
*/
|
|
779
|
+
/*
|
|
780
|
+
----------------------------------------
|
|
781
|
+
rem-to-px()
|
|
782
|
+
----------------------------------------
|
|
783
|
+
Converts a value in rem to a value in px
|
|
777
784
|
----------------------------------------
|
|
778
785
|
*/
|
|
779
786
|
/*
|
|
@@ -499,6 +499,15 @@ https://designsystem.digital.gov/utilities
|
|
|
499
499
|
*/
|
|
500
500
|
/*
|
|
501
501
|
----------------------------------------
|
|
502
|
+
map-collect()
|
|
503
|
+
----------------------------------------
|
|
504
|
+
Collect multiple maps into a single
|
|
505
|
+
large map
|
|
506
|
+
source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
|
|
507
|
+
----------------------------------------
|
|
508
|
+
*/
|
|
509
|
+
/*
|
|
510
|
+
----------------------------------------
|
|
502
511
|
Utility breakpoints
|
|
503
512
|
----------------------------------------
|
|
504
513
|
Which breakpoints does your project
|
|
@@ -596,15 +605,6 @@ being passed in a mixin's props
|
|
|
596
605
|
*/
|
|
597
606
|
/*
|
|
598
607
|
----------------------------------------
|
|
599
|
-
map-collect()
|
|
600
|
-
----------------------------------------
|
|
601
|
-
Collect multiple maps into a single
|
|
602
|
-
large map
|
|
603
|
-
source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
|
|
604
|
-
----------------------------------------
|
|
605
|
-
*/
|
|
606
|
-
/*
|
|
607
|
-
----------------------------------------
|
|
608
608
|
map-deep-get()
|
|
609
609
|
----------------------------------------
|
|
610
610
|
@author Hugo Giraudel
|
|
@@ -1146,18 +1146,25 @@ Converts a value in px to a value in rem
|
|
|
1146
1146
|
*/
|
|
1147
1147
|
/*
|
|
1148
1148
|
----------------------------------------
|
|
1149
|
-
rem-to-
|
|
1149
|
+
rem-to-user-em()
|
|
1150
1150
|
----------------------------------------
|
|
1151
|
-
Converts a value in rem to a value in
|
|
1151
|
+
Converts a value in rem to a value in
|
|
1152
|
+
[user-settings] em for use in media
|
|
1153
|
+
queries
|
|
1152
1154
|
----------------------------------------
|
|
1153
1155
|
*/
|
|
1154
1156
|
/*
|
|
1155
1157
|
----------------------------------------
|
|
1156
|
-
|
|
1158
|
+
px-to-user-em()
|
|
1157
1159
|
----------------------------------------
|
|
1158
|
-
Converts a value in
|
|
1159
|
-
|
|
1160
|
-
|
|
1160
|
+
Converts a value in px to a value in em
|
|
1161
|
+
----------------------------------------
|
|
1162
|
+
*/
|
|
1163
|
+
/*
|
|
1164
|
+
----------------------------------------
|
|
1165
|
+
rem-to-px()
|
|
1166
|
+
----------------------------------------
|
|
1167
|
+
Converts a value in rem to a value in px
|
|
1161
1168
|
----------------------------------------
|
|
1162
1169
|
*/
|
|
1163
1170
|
/*
|
|
@@ -1463,7 +1470,7 @@ h1, h2, h3, h4, h5 {
|
|
|
1463
1470
|
}
|
|
1464
1471
|
|
|
1465
1472
|
h6 {
|
|
1466
|
-
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
1473
|
+
font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
1467
1474
|
font-weight: 700;
|
|
1468
1475
|
}
|
|
1469
1476
|
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
background: rgba(0, 0, 0, 0.05);
|
|
77
77
|
}
|
|
78
78
|
.va-button-link:focus {
|
|
79
|
-
outline: 2px
|
|
79
|
+
outline: 2px solid #face00;
|
|
80
80
|
outline-offset: 2px;
|
|
81
81
|
outline-offset: 0;
|
|
82
82
|
}
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
font-weight: 400;
|
|
132
132
|
line-height: 1.5;
|
|
133
133
|
text-transform: uppercase;
|
|
134
|
-
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
134
|
+
font-family: "Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
/*# sourceMappingURL=utils.css.map */
|