dxw_govuk_frontend_rails 3.6.0 → 3.7.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +1 -1
- data/lib/dxw_govuk_frontend_rails/version.rb +1 -1
- data/package-lock.json +3 -3
- data/package.json +1 -1
- data/vendor/assets/javascripts/govuk_frontend_rails.js +1 -1
- data/vendor/assets/stylesheets/_base.scss +3 -0
- data/vendor/assets/stylesheets/all.scss +1 -3
- data/vendor/assets/stylesheets/components/_all.scss +31 -29
- data/vendor/assets/stylesheets/components/accordion/_accordion.scss +2 -208
- data/vendor/assets/stylesheets/components/accordion/_index.scss +207 -0
- data/vendor/assets/stylesheets/components/back-link/_back-link.scss +2 -65
- data/vendor/assets/stylesheets/components/back-link/_index.scss +112 -0
- data/vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss +2 -118
- data/vendor/assets/stylesheets/components/breadcrumbs/_index.scss +138 -0
- data/vendor/assets/stylesheets/components/button/_button.scss +2 -284
- data/vendor/assets/stylesheets/components/button/_index.scss +280 -0
- data/vendor/assets/stylesheets/components/character-count/_character-count.scss +2 -31
- data/vendor/assets/stylesheets/components/character-count/_index.scss +28 -0
- data/vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss +2 -308
- data/vendor/assets/stylesheets/components/checkboxes/_index.scss +304 -0
- data/vendor/assets/stylesheets/components/date-input/_date-input.scss +2 -30
- data/vendor/assets/stylesheets/components/date-input/_index.scss +26 -0
- data/vendor/assets/stylesheets/components/details/_details.scss +2 -88
- data/vendor/assets/stylesheets/components/details/_index.scss +84 -0
- data/vendor/assets/stylesheets/components/error-message/_error-message.scss +2 -15
- data/vendor/assets/stylesheets/components/error-message/_index.scss +11 -0
- data/vendor/assets/stylesheets/components/error-summary/_error-summary.scss +2 -59
- data/vendor/assets/stylesheets/components/error-summary/_index.scss +55 -0
- data/vendor/assets/stylesheets/components/fieldset/_fieldset.scss +2 -68
- data/vendor/assets/stylesheets/components/fieldset/_index.scss +64 -0
- data/vendor/assets/stylesheets/components/file-upload/_file-upload.scss +2 -81
- data/vendor/assets/stylesheets/components/file-upload/_index.scss +77 -0
- data/vendor/assets/stylesheets/components/footer/_footer.scss +2 -244
- data/vendor/assets/stylesheets/components/footer/_index.scss +238 -0
- data/vendor/assets/stylesheets/components/header/_header.scss +2 -318
- data/vendor/assets/stylesheets/components/header/_index.scss +312 -0
- data/vendor/assets/stylesheets/components/hint/_hint.scss +2 -50
- data/vendor/assets/stylesheets/components/hint/_index.scss +46 -0
- data/vendor/assets/stylesheets/components/input/_index.scss +99 -0
- data/vendor/assets/stylesheets/components/input/_input.scss +2 -103
- data/vendor/assets/stylesheets/components/inset-text/_index.scss +24 -0
- data/vendor/assets/stylesheets/components/inset-text/_inset-text.scss +2 -28
- data/vendor/assets/stylesheets/components/label/_index.scss +41 -0
- data/vendor/assets/stylesheets/components/label/_label.scss +2 -45
- data/vendor/assets/stylesheets/components/panel/_index.scss +40 -0
- data/vendor/assets/stylesheets/components/panel/_panel.scss +2 -44
- data/vendor/assets/stylesheets/components/phase-banner/_index.scss +27 -0
- data/vendor/assets/stylesheets/components/phase-banner/_phase-banner.scss +2 -31
- data/vendor/assets/stylesheets/components/radios/_index.scss +342 -0
- data/vendor/assets/stylesheets/components/radios/_radios.scss +2 -346
- data/vendor/assets/stylesheets/components/select/_index.scss +53 -0
- data/vendor/assets/stylesheets/components/select/_select.scss +2 -57
- data/vendor/assets/stylesheets/components/skip-link/_index.scss +33 -0
- data/vendor/assets/stylesheets/components/skip-link/_skip-link.scss +2 -37
- data/vendor/assets/stylesheets/components/summary-list/_index.scss +153 -0
- data/vendor/assets/stylesheets/components/summary-list/_summary-list.scss +2 -157
- data/vendor/assets/stylesheets/components/table/_index.scss +50 -0
- data/vendor/assets/stylesheets/components/table/_table.scss +2 -54
- data/vendor/assets/stylesheets/components/tabs/_index.scss +138 -0
- data/vendor/assets/stylesheets/components/tabs/_tabs.scss +2 -142
- data/vendor/assets/stylesheets/components/tag/_index.scss +87 -0
- data/vendor/assets/stylesheets/components/tag/_tag.scss +2 -91
- data/vendor/assets/stylesheets/components/textarea/_index.scss +51 -0
- data/vendor/assets/stylesheets/components/textarea/_textarea.scss +2 -55
- data/vendor/assets/stylesheets/components/warning-text/_index.scss +56 -0
- data/vendor/assets/stylesheets/components/warning-text/_warning-text.scss +2 -60
- data/vendor/assets/stylesheets/core/_global-styles.scss +5 -3
- data/vendor/assets/stylesheets/core/_links.scss +5 -3
- data/vendor/assets/stylesheets/core/_lists.scss +17 -3
- data/vendor/assets/stylesheets/core/_section-break.scss +5 -3
- data/vendor/assets/stylesheets/core/_template.scss +5 -3
- data/vendor/assets/stylesheets/core/_typography.scss +5 -3
- data/vendor/assets/stylesheets/helpers/_clearfix.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_focused.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_grid.scss +2 -1
- data/vendor/assets/stylesheets/helpers/_links.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_media-queries.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_shape-arrow.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_spacing.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_typography.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_visually-hidden.scss +1 -1
- data/vendor/assets/stylesheets/objects/_form-group.scss +1 -3
- data/vendor/assets/stylesheets/objects/_grid.scss +1 -3
- data/vendor/assets/stylesheets/objects/_main-wrapper.scss +5 -3
- data/vendor/assets/stylesheets/objects/_width-container.scss +2 -4
- data/vendor/assets/stylesheets/overrides/_display.scss +5 -3
- data/vendor/assets/stylesheets/overrides/_spacing.scss +5 -3
- data/vendor/assets/stylesheets/overrides/_typography.scss +5 -3
- data/vendor/assets/stylesheets/overrides/_width.scss +5 -3
- data/vendor/assets/stylesheets/settings/_ie8.scss +1 -1
- data/vendor/assets/stylesheets/tools/_compatibility.scss +1 -1
- data/vendor/assets/stylesheets/tools/_font-url.scss +1 -1
- data/vendor/assets/stylesheets/tools/_ie8.scss +1 -1
- data/vendor/assets/stylesheets/tools/_image-url.scss +1 -1
- data/vendor/assets/stylesheets/tools/_px-to-em.scss +1 -1
- data/vendor/assets/stylesheets/tools/_px-to-rem.scss +1 -1
- metadata +31 -1
@@ -0,0 +1,51 @@
|
|
1
|
+
@import "../error-message/index";
|
2
|
+
@import "../hint/index";
|
3
|
+
@import "../label/index";
|
4
|
+
|
5
|
+
@include govuk-exports("govuk/component/textarea") {
|
6
|
+
.govuk-textarea {
|
7
|
+
@include govuk-font($size: 19, $line-height: 1.25);
|
8
|
+
|
9
|
+
box-sizing: border-box; // should this be global?
|
10
|
+
display: block;
|
11
|
+
width: 100%;
|
12
|
+
min-height: 40px;
|
13
|
+
@include govuk-responsive-margin(6, "bottom");
|
14
|
+
padding: govuk-spacing(1);
|
15
|
+
|
16
|
+
resize: vertical;
|
17
|
+
|
18
|
+
border: $govuk-border-width-form-element solid $govuk-input-border-colour;
|
19
|
+
border-radius: 0;
|
20
|
+
|
21
|
+
-webkit-appearance: none;
|
22
|
+
|
23
|
+
&:focus {
|
24
|
+
outline: $govuk-focus-width solid $govuk-focus-colour;
|
25
|
+
// Ensure outline appears outside of the element
|
26
|
+
outline-offset: 0;
|
27
|
+
// Double the border by adding its width again. Use `box-shadow` to do
|
28
|
+
// this instead of changing `border-width` (which changes element size) and
|
29
|
+
// since `outline` is already used for the yellow focus state.
|
30
|
+
box-shadow: inset 0 0 0 $govuk-border-width-form-element;
|
31
|
+
|
32
|
+
@include govuk-if-ie8 {
|
33
|
+
// IE8 doesn't support `box-shadow` so double the border with
|
34
|
+
// `border-width`.
|
35
|
+
border-width: $govuk-border-width-form-element * 2;
|
36
|
+
}
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
.govuk-textarea--error {
|
41
|
+
border: $govuk-border-width-form-element-error solid $govuk-error-colour;
|
42
|
+
|
43
|
+
&:focus {
|
44
|
+
border-color: $govuk-input-border-colour;
|
45
|
+
// Remove `box-shadow` inherited from `:focus` as `textarea--error`
|
46
|
+
// already has the thicker border.
|
47
|
+
box-shadow: none;
|
48
|
+
}
|
49
|
+
|
50
|
+
}
|
51
|
+
}
|
@@ -1,55 +1,2 @@
|
|
1
|
-
@import "../../
|
2
|
-
@import "
|
3
|
-
@import "../../helpers/all";
|
4
|
-
|
5
|
-
@import "../error-message/error-message";
|
6
|
-
@import "../hint/hint";
|
7
|
-
@import "../label/label";
|
8
|
-
|
9
|
-
@include govuk-exports("govuk/component/textarea") {
|
10
|
-
.govuk-textarea {
|
11
|
-
@include govuk-font($size: 19, $line-height: 1.25);
|
12
|
-
|
13
|
-
box-sizing: border-box; // should this be global?
|
14
|
-
display: block;
|
15
|
-
width: 100%;
|
16
|
-
min-height: 40px;
|
17
|
-
@include govuk-responsive-margin(6, "bottom");
|
18
|
-
padding: govuk-spacing(1);
|
19
|
-
|
20
|
-
resize: vertical;
|
21
|
-
|
22
|
-
border: $govuk-border-width-form-element solid $govuk-input-border-colour;
|
23
|
-
border-radius: 0;
|
24
|
-
|
25
|
-
-webkit-appearance: none;
|
26
|
-
|
27
|
-
&:focus {
|
28
|
-
outline: $govuk-focus-width solid $govuk-focus-colour;
|
29
|
-
// Ensure outline appears outside of the element
|
30
|
-
outline-offset: 0;
|
31
|
-
// Double the border by adding its width again. Use `box-shadow` to do
|
32
|
-
// this instead of changing `border-width` (which changes element size) and
|
33
|
-
// since `outline` is already used for the yellow focus state.
|
34
|
-
box-shadow: inset 0 0 0 $govuk-border-width-form-element;
|
35
|
-
|
36
|
-
@include govuk-if-ie8 {
|
37
|
-
// IE8 doesn't support `box-shadow` so double the border with
|
38
|
-
// `border-width`.
|
39
|
-
border-width: $govuk-border-width-form-element * 2;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
}
|
43
|
-
|
44
|
-
.govuk-textarea--error {
|
45
|
-
border: $govuk-border-width-form-element-error solid $govuk-error-colour;
|
46
|
-
|
47
|
-
&:focus {
|
48
|
-
border-color: $govuk-input-border-colour;
|
49
|
-
// Remove `box-shadow` inherited from `:focus` as `textarea--error`
|
50
|
-
// already has the thicker border.
|
51
|
-
box-shadow: none;
|
52
|
-
}
|
53
|
-
|
54
|
-
}
|
55
|
-
}
|
1
|
+
@import "../../base";
|
2
|
+
@import "./index";
|
@@ -0,0 +1,56 @@
|
|
1
|
+
@include govuk-exports("govuk/component/warning-text") {
|
2
|
+
|
3
|
+
.govuk-warning-text {
|
4
|
+
position: relative;
|
5
|
+
@include govuk-responsive-margin(6, "bottom");
|
6
|
+
padding: govuk-spacing(2) 0;
|
7
|
+
}
|
8
|
+
|
9
|
+
.govuk-warning-text__assistive {
|
10
|
+
@include govuk-visually-hidden;
|
11
|
+
}
|
12
|
+
|
13
|
+
.govuk-warning-text__icon {
|
14
|
+
@include govuk-font($size: false, $weight: bold);
|
15
|
+
|
16
|
+
display: inline-block;
|
17
|
+
|
18
|
+
position: absolute;
|
19
|
+
left: 0;
|
20
|
+
|
21
|
+
min-width: 29px;
|
22
|
+
min-height: 29px;
|
23
|
+
margin-top: -7px;
|
24
|
+
|
25
|
+
@include govuk-media-query($from: tablet) {
|
26
|
+
margin-top: -5px;
|
27
|
+
}
|
28
|
+
|
29
|
+
// When a user customises their colours the background colour will often be removed.
|
30
|
+
// Adding a border to the component keeps it's shape as a circle.
|
31
|
+
border: 3px solid govuk-colour("black");
|
32
|
+
border-radius: 50%;
|
33
|
+
|
34
|
+
color: govuk-colour("white");
|
35
|
+
background: govuk-colour("black");
|
36
|
+
|
37
|
+
font-size: 30px;
|
38
|
+
line-height: 29px;
|
39
|
+
|
40
|
+
text-align: center;
|
41
|
+
|
42
|
+
// Prevent the exclamation mark from being included when the warning text
|
43
|
+
// is copied, for example.
|
44
|
+
-webkit-user-select: none;
|
45
|
+
-moz-user-select: none;
|
46
|
+
-ms-user-select: none;
|
47
|
+
user-select: none;
|
48
|
+
}
|
49
|
+
|
50
|
+
.govuk-warning-text__text {
|
51
|
+
@include govuk-font($size: 19, $weight: bold);
|
52
|
+
@include govuk-text-colour;
|
53
|
+
display: block;
|
54
|
+
padding-left: 45px;
|
55
|
+
}
|
56
|
+
}
|
@@ -1,60 +1,2 @@
|
|
1
|
-
@import "../../
|
2
|
-
@import "
|
3
|
-
@import "../../helpers/all";
|
4
|
-
|
5
|
-
@include govuk-exports("govuk/component/warning-text") {
|
6
|
-
|
7
|
-
.govuk-warning-text {
|
8
|
-
position: relative;
|
9
|
-
@include govuk-responsive-margin(6, "bottom");
|
10
|
-
padding: govuk-spacing(2) 0;
|
11
|
-
}
|
12
|
-
|
13
|
-
.govuk-warning-text__assistive {
|
14
|
-
@include govuk-visually-hidden;
|
15
|
-
}
|
16
|
-
|
17
|
-
.govuk-warning-text__icon {
|
18
|
-
@include govuk-font($size: false, $weight: bold);
|
19
|
-
|
20
|
-
display: inline-block;
|
21
|
-
|
22
|
-
position: absolute;
|
23
|
-
left: 0;
|
24
|
-
|
25
|
-
min-width: 29px;
|
26
|
-
min-height: 29px;
|
27
|
-
margin-top: -7px;
|
28
|
-
|
29
|
-
@include govuk-media-query($from: tablet) {
|
30
|
-
margin-top: -5px;
|
31
|
-
}
|
32
|
-
|
33
|
-
// When a user customises their colours the background colour will often be removed.
|
34
|
-
// Adding a border to the component keeps it's shape as a circle.
|
35
|
-
border: 3px solid govuk-colour("black");
|
36
|
-
border-radius: 50%;
|
37
|
-
|
38
|
-
color: govuk-colour("white");
|
39
|
-
background: govuk-colour("black");
|
40
|
-
|
41
|
-
font-size: 30px;
|
42
|
-
line-height: 29px;
|
43
|
-
|
44
|
-
text-align: center;
|
45
|
-
|
46
|
-
// Prevent the exclamation mark from being included when the warning text
|
47
|
-
// is copied, for example.
|
48
|
-
-webkit-user-select: none;
|
49
|
-
-moz-user-select: none;
|
50
|
-
-ms-user-select: none;
|
51
|
-
user-select: none;
|
52
|
-
}
|
53
|
-
|
54
|
-
.govuk-warning-text__text {
|
55
|
-
@include govuk-font($size: 19, $weight: bold);
|
56
|
-
@include govuk-text-colour;
|
57
|
-
display: block;
|
58
|
-
padding-left: 45px;
|
59
|
-
}
|
60
|
-
}
|
1
|
+
@import "../../base";
|
2
|
+
@import "./index";
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@import "links";
|
6
8
|
@import "typography";
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@include govuk-exports("govuk/core/links") {
|
6
8
|
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@include govuk-exports("govuk/core/lists") {
|
6
8
|
|
@@ -48,6 +50,14 @@
|
|
48
50
|
}
|
49
51
|
}
|
50
52
|
|
53
|
+
%govuk-list--spaced > li {
|
54
|
+
margin-bottom: govuk-spacing(2);
|
55
|
+
|
56
|
+
@include govuk-media-query($from: tablet) {
|
57
|
+
margin-bottom: govuk-spacing(3);
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
51
61
|
.govuk-list--bullet {
|
52
62
|
@extend %govuk-list--bullet;
|
53
63
|
}
|
@@ -55,4 +65,8 @@
|
|
55
65
|
.govuk-list--number {
|
56
66
|
@extend %govuk-list--number;
|
57
67
|
}
|
68
|
+
|
69
|
+
.govuk-list--spaced {
|
70
|
+
@extend %govuk-list--spaced;
|
71
|
+
}
|
58
72
|
}
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@include govuk-exports("govuk/core/section-break") {
|
6
8
|
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@include govuk-exports("govuk/core/template") {
|
6
8
|
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the core layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
|
+
|
5
|
+
@import "../base";
|
4
6
|
|
5
7
|
@include govuk-exports("govuk/core/typography") {
|
6
8
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
////
|
2
|
-
/// @group helpers
|
2
|
+
/// @group helpers/layout
|
3
3
|
////
|
4
4
|
|
5
5
|
/// Grid width percentage
|
@@ -44,6 +44,7 @@
|
|
44
44
|
/// @example scss - Customising the float direction
|
45
45
|
/// .govuk-grid-column-one-half-right {
|
46
46
|
/// @include govuk-grid-column(two-thirds, $float: right);
|
47
|
+
/// }
|
47
48
|
///
|
48
49
|
/// @access public
|
49
50
|
|