dxw_govuk_frontend_rails 3.4.0 → 3.9.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CONTRIBUTING.md +1 -0
- data/Gemfile.lock +5 -4
- data/README.md +45 -42
- data/dxw_govuk_frontend_rails.gemspec +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 +213 -124
- 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 +206 -0
- data/vendor/assets/stylesheets/components/back-link/_back-link.scss +2 -65
- data/vendor/assets/stylesheets/components/back-link/_index.scss +110 -0
- data/vendor/assets/stylesheets/components/breadcrumbs/_breadcrumbs.scss +2 -118
- data/vendor/assets/stylesheets/components/breadcrumbs/_index.scss +137 -0
- data/vendor/assets/stylesheets/components/button/_button.scss +2 -290
- 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 +24 -0
- data/vendor/assets/stylesheets/components/checkboxes/_checkboxes.scss +2 -308
- data/vendor/assets/stylesheets/components/checkboxes/_index.scss +305 -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 +83 -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 +53 -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 +50 -0
- data/vendor/assets/stylesheets/components/footer/_footer.scss +2 -269
- data/vendor/assets/stylesheets/components/footer/_index.scss +234 -0
- data/vendor/assets/stylesheets/components/header/_header.scss +2 -318
- data/vendor/assets/stylesheets/components/header/_index.scss +309 -0
- data/vendor/assets/stylesheets/components/hint/_hint.scss +2 -50
- data/vendor/assets/stylesheets/components/hint/_index.scss +44 -0
- data/vendor/assets/stylesheets/components/input/_index.scss +187 -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 +44 -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 +49 -0
- data/vendor/assets/stylesheets/components/select/_select.scss +2 -57
- data/vendor/assets/stylesheets/components/skip-link/_index.scss +34 -0
- data/vendor/assets/stylesheets/components/skip-link/_skip-link.scss +2 -31
- data/vendor/assets/stylesheets/components/summary-list/_index.scss +145 -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 +135 -0
- data/vendor/assets/stylesheets/components/tabs/_tabs.scss +2 -142
- data/vendor/assets/stylesheets/components/tag/_index.scss +86 -0
- data/vendor/assets/stylesheets/components/tag/_tag.scss +2 -44
- data/vendor/assets/stylesheets/components/textarea/_index.scss +47 -0
- data/vendor/assets/stylesheets/components/textarea/_textarea.scss +2 -55
- data/vendor/assets/stylesheets/components/warning-text/_index.scss +57 -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/_colour.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_device-pixels.scss +3 -3
- data/vendor/assets/stylesheets/helpers/_focused.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_font-faces.scss +9 -11
- data/vendor/assets/stylesheets/helpers/_grid.scss +2 -1
- data/vendor/assets/stylesheets/helpers/_links.scss +2 -4
- data/vendor/assets/stylesheets/helpers/_media-queries.scss +2 -6
- data/vendor/assets/stylesheets/helpers/_shape-arrow.scss +1 -1
- data/vendor/assets/stylesheets/helpers/_spacing.scss +7 -6
- data/vendor/assets/stylesheets/helpers/_typography.scss +13 -12
- data/vendor/assets/stylesheets/helpers/_visually-hidden.scss +30 -30
- data/vendor/assets/stylesheets/objects/_form-group.scss +1 -4
- data/vendor/assets/stylesheets/objects/_grid.scss +3 -6
- data/vendor/assets/stylesheets/objects/_main-wrapper.scss +5 -4
- data/vendor/assets/stylesheets/objects/_width-container.scss +12 -9
- data/vendor/assets/stylesheets/overrides/_display.scss +12 -4
- 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 +6 -3
- data/vendor/assets/stylesheets/settings/_colours-applied.scss +2 -5
- data/vendor/assets/stylesheets/settings/_colours-organisations.scss +3 -0
- data/vendor/assets/stylesheets/settings/_colours-palette.scss +42 -35
- data/vendor/assets/stylesheets/settings/_compatibility.scss +0 -1
- data/vendor/assets/stylesheets/settings/_ie8.scss +1 -1
- data/vendor/assets/stylesheets/settings/_measurements.scss +4 -5
- data/vendor/assets/stylesheets/settings/_typography-font-families.scss +2 -2
- data/vendor/assets/stylesheets/settings/_typography-font.scss +11 -5
- data/vendor/assets/stylesheets/settings/_typography-responsive.scss +6 -2
- data/vendor/assets/stylesheets/tools/_compatibility.scss +1 -1
- data/vendor/assets/stylesheets/tools/_font-url.scss +1 -4
- data/vendor/assets/stylesheets/tools/_ie8.scss +1 -1
- data/vendor/assets/stylesheets/tools/_iff.scss +3 -1
- data/vendor/assets/stylesheets/tools/_image-url.scss +1 -4
- data/vendor/assets/stylesheets/tools/_px-to-em.scss +1 -1
- data/vendor/assets/stylesheets/tools/_px-to-rem.scss +1 -1
- data/vendor/assets/stylesheets/utilities/_visually-hidden.scss +0 -1
- data/vendor/assets/stylesheets/vendor/_sass-mq.scss +0 -4
- metadata +36 -5
@@ -1,5 +1,5 @@
|
|
1
1
|
////
|
2
|
-
/// @group helpers
|
2
|
+
/// @group helpers/typography
|
3
3
|
////
|
4
4
|
|
5
5
|
@import "../tools/px-to-rem";
|
@@ -53,7 +53,7 @@
|
|
53
53
|
/// @access public
|
54
54
|
|
55
55
|
@mixin govuk-typography-weight-regular($important: false) {
|
56
|
-
font-weight: $govuk-font-weight-regular
|
56
|
+
font-weight: $govuk-font-weight-regular if($important, !important, null);
|
57
57
|
}
|
58
58
|
|
59
59
|
/// Bold font weight helper
|
@@ -63,7 +63,7 @@
|
|
63
63
|
/// @access public
|
64
64
|
|
65
65
|
@mixin govuk-typography-weight-bold($important: false) {
|
66
|
-
font-weight: $govuk-font-weight-bold
|
66
|
+
font-weight: $govuk-font-weight-bold if($important, !important, null);
|
67
67
|
}
|
68
68
|
|
69
69
|
/// Convert line-heights specified in pixels into a relative value, unless
|
@@ -127,7 +127,8 @@
|
|
127
127
|
$font-size-rem: govuk-px-to-rem($font-size);
|
128
128
|
|
129
129
|
$line-height: _govuk-line-height(
|
130
|
-
$line-height: if(
|
130
|
+
$line-height: if(
|
131
|
+
$override-line-height,
|
131
132
|
$override-line-height,
|
132
133
|
map-get($breakpoint-map, "line-height")
|
133
134
|
),
|
@@ -137,14 +138,14 @@
|
|
137
138
|
// Mark rules as !important if $important is true - this will result in
|
138
139
|
// these variables becoming strings, so this needs to happen *after* they
|
139
140
|
// are used in calculations
|
140
|
-
$font-size: $font-size
|
141
|
-
$font-size-rem: $font-size-rem
|
142
|
-
$line-height: $line-height
|
141
|
+
$font-size: $font-size if($important, !important, null);
|
142
|
+
$font-size-rem: $font-size-rem if($important, !important, null);
|
143
|
+
$line-height: $line-height if($important, !important, null);
|
143
144
|
|
144
145
|
@if $breakpoint == null {
|
145
|
-
font-size: $font-size;
|
146
|
+
font-size: $font-size;
|
146
147
|
@if $govuk-typography-use-rem {
|
147
|
-
font-size: $font-size-rem;
|
148
|
+
font-size: $font-size-rem;
|
148
149
|
}
|
149
150
|
line-height: $line-height;
|
150
151
|
} @else if $breakpoint == "print" {
|
@@ -154,9 +155,9 @@
|
|
154
155
|
}
|
155
156
|
} @else {
|
156
157
|
@include govuk-media-query($from: $breakpoint) {
|
157
|
-
font-size: $font-size;
|
158
|
+
font-size: $font-size;
|
158
159
|
@if $govuk-typography-use-rem {
|
159
|
-
font-size: $font-size-rem;
|
160
|
+
font-size: $font-size-rem;
|
160
161
|
}
|
161
162
|
line-height: $line-height;
|
162
163
|
}
|
@@ -184,7 +185,7 @@
|
|
184
185
|
-webkit-font-feature-settings: "tnum" 1;
|
185
186
|
font-feature-settings: "tnum" 1;
|
186
187
|
|
187
|
-
@supports(font-variant-numeric: tabular-nums) {
|
188
|
+
@supports (font-variant-numeric: tabular-nums) {
|
188
189
|
-webkit-font-feature-settings: normal;
|
189
190
|
font-feature-settings: normal;
|
190
191
|
font-variant-numeric: tabular-nums;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
////
|
2
|
-
/// @group helpers
|
2
|
+
/// @group helpers/accessibility
|
3
3
|
////
|
4
4
|
|
5
5
|
/// Hide an element visually, but have it available for screen readers
|
@@ -14,26 +14,26 @@
|
|
14
14
|
/// @access public
|
15
15
|
|
16
16
|
@mixin govuk-visually-hidden($important: true) {
|
17
|
-
position: absolute
|
17
|
+
position: absolute if($important, !important, null);
|
18
18
|
|
19
|
-
width: 1px
|
20
|
-
height: 1px
|
19
|
+
width: 1px if($important, !important, null);
|
20
|
+
height: 1px if($important, !important, null);
|
21
21
|
// If margin is set to a negative value it can cause text to be announced in
|
22
22
|
// the wrong order in VoiceOver for OSX
|
23
|
-
margin: 0
|
24
|
-
padding: 0
|
23
|
+
margin: 0 if($important, !important, null);
|
24
|
+
padding: 0 if($important, !important, null);
|
25
25
|
|
26
|
-
overflow: hidden
|
27
|
-
clip: rect(0 0 0 0)
|
28
|
-
-webkit-clip-path: inset(50%)
|
29
|
-
clip-path: inset(50%)
|
26
|
+
overflow: hidden if($important, !important, null);
|
27
|
+
clip: rect(0 0 0 0) if($important, !important, null);
|
28
|
+
-webkit-clip-path: inset(50%) if($important, !important, null);
|
29
|
+
clip-path: inset(50%) if($important, !important, null);
|
30
30
|
|
31
|
-
border: 0
|
31
|
+
border: 0 if($important, !important, null);
|
32
32
|
|
33
33
|
// For long content, line feeds are not interpreted as spaces and small width
|
34
34
|
// causes content to wrap 1 word per line:
|
35
35
|
// https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
|
36
|
-
white-space: nowrap
|
36
|
+
white-space: nowrap if($important, !important, null);
|
37
37
|
}
|
38
38
|
|
39
39
|
/// Hide an element visually, but have it available for screen readers whilst
|
@@ -48,37 +48,37 @@
|
|
48
48
|
/// @access public
|
49
49
|
|
50
50
|
@mixin govuk-visually-hidden-focusable($important: true) {
|
51
|
-
position: absolute
|
51
|
+
position: absolute if($important, !important, null);
|
52
52
|
|
53
|
-
width: 1px
|
54
|
-
height: 1px
|
53
|
+
width: 1px if($important, !important, null);
|
54
|
+
height: 1px if($important, !important, null);
|
55
55
|
// If margin is set to a negative value it can cause text to be announced in
|
56
56
|
// the wrong order in VoiceOver for OSX
|
57
|
-
margin: 0
|
57
|
+
margin: 0 if($important, !important, null);
|
58
58
|
|
59
|
-
overflow: hidden
|
60
|
-
clip: rect(0 0 0 0)
|
61
|
-
-webkit-clip-path: inset(50%)
|
62
|
-
clip-path: inset(50%)
|
59
|
+
overflow: hidden if($important, !important, null);
|
60
|
+
clip: rect(0 0 0 0) if($important, !important, null);
|
61
|
+
-webkit-clip-path: inset(50%) if($important, !important, null);
|
62
|
+
clip-path: inset(50%) if($important, !important, null);
|
63
63
|
|
64
64
|
// For long content, line feeds are not interpreted as spaces and small width
|
65
65
|
// causes content to wrap 1 word per line:
|
66
66
|
// https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
|
67
|
-
white-space: nowrap
|
67
|
+
white-space: nowrap if($important, !important, null);
|
68
68
|
|
69
69
|
&:active,
|
70
70
|
&:focus {
|
71
|
-
position: static
|
71
|
+
position: static if($important, !important, null);
|
72
72
|
|
73
|
-
width: auto
|
74
|
-
height: auto
|
75
|
-
margin: inherit
|
73
|
+
width: auto if($important, !important, null);
|
74
|
+
height: auto if($important, !important, null);
|
75
|
+
margin: inherit if($important, !important, null);
|
76
76
|
|
77
|
-
overflow: visible
|
78
|
-
clip: auto
|
79
|
-
-webkit-clip-path: none
|
80
|
-
clip-path: none
|
77
|
+
overflow: visible if($important, !important, null);
|
78
|
+
clip: auto if($important, !important, null);
|
79
|
+
-webkit-clip-path: none if($important, !important, null);
|
80
|
+
clip-path: none if($important, !important, null);
|
81
81
|
|
82
|
-
white-space: inherit
|
82
|
+
white-space: inherit if($important, !important, null);
|
83
83
|
}
|
84
84
|
}
|
@@ -1,9 +1,6 @@
|
|
1
|
-
@import "../
|
2
|
-
@import "../tools/all";
|
3
|
-
@import "../helpers/all";
|
1
|
+
@import "../base";
|
4
2
|
|
5
3
|
@include govuk-exports("govuk/objects/grid") {
|
6
|
-
|
7
4
|
.govuk-grid-row {
|
8
5
|
@include govuk-clearfix;
|
9
6
|
margin-right: - ($govuk-gutter-half);
|
@@ -12,7 +9,7 @@
|
|
12
9
|
|
13
10
|
@each $width in map-keys($govuk-grid-widths) {
|
14
11
|
.govuk-grid-column-#{$width} {
|
15
|
-
@include govuk-grid-column($width)
|
12
|
+
@include govuk-grid-column($width);
|
16
13
|
}
|
17
14
|
}
|
18
15
|
|
@@ -21,7 +18,7 @@
|
|
21
18
|
// them in the outputted CSS
|
22
19
|
@each $width in map-keys($govuk-grid-widths) {
|
23
20
|
.govuk-grid-column-#{$width}-from-desktop {
|
24
|
-
@include govuk-grid-column($width, $at: desktop)
|
21
|
+
@include govuk-grid-column($width, $at: desktop);
|
25
22
|
}
|
26
23
|
}
|
27
24
|
}
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@import "../
|
2
|
-
|
3
|
-
|
1
|
+
@import "../base";
|
2
|
+
|
3
|
+
////
|
4
|
+
/// @group objects/layout
|
5
|
+
////
|
4
6
|
|
5
7
|
// Example usage with Breadcrumbs, phase banners, back links:
|
6
8
|
// <div class="govuk-width-container">
|
@@ -19,7 +21,6 @@
|
|
19
21
|
// </div>
|
20
22
|
// </div>
|
21
23
|
|
22
|
-
|
23
24
|
/// @deprecated Replace this mixin with more direct references to the [spacing
|
24
25
|
/// mixins](https://design-system.service.gov.uk/styles/spacing/#spacing-on-custom-components).
|
25
26
|
@mixin govuk-main-wrapper {
|
@@ -1,9 +1,7 @@
|
|
1
|
-
@import "../
|
2
|
-
@import "../tools/all";
|
3
|
-
@import "../helpers/all";
|
1
|
+
@import "../base";
|
4
2
|
|
5
3
|
////
|
6
|
-
/// @group objects
|
4
|
+
/// @group objects/layout
|
7
5
|
////
|
8
6
|
|
9
7
|
/// Width container mixin
|
@@ -25,7 +23,8 @@
|
|
25
23
|
max-width: $width;
|
26
24
|
|
27
25
|
// On mobile, add half width gutters
|
28
|
-
margin:
|
26
|
+
margin-right: $govuk-gutter-half;
|
27
|
+
margin-left: $govuk-gutter-half;
|
29
28
|
|
30
29
|
// Respect 'display cutout' safe area (avoids notches and rounded corners)
|
31
30
|
@supports (margin: unquote("max(calc(0px))")) {
|
@@ -40,7 +39,8 @@
|
|
40
39
|
|
41
40
|
// On tablet, add full width gutters
|
42
41
|
@include govuk-media-query($from: tablet) {
|
43
|
-
margin:
|
42
|
+
margin-right: $govuk-gutter;
|
43
|
+
margin-left: $govuk-gutter;
|
44
44
|
|
45
45
|
// Respect 'display cutout' safe area (avoids notches and rounded corners)
|
46
46
|
@supports (margin: unquote("max(calc(0px))")) {
|
@@ -57,12 +57,14 @@
|
|
57
57
|
// As soon as the viewport is greater than the width of the page plus the
|
58
58
|
// gutters, just centre the content instead of adding gutters.
|
59
59
|
@include govuk-media-query($and: "(min-width: #{($width + $govuk-gutter * 2)})") {
|
60
|
-
margin:
|
60
|
+
margin-right: auto;
|
61
|
+
margin-left: auto;
|
61
62
|
|
62
63
|
// Since a safe area may have previously been set above,
|
63
64
|
// we need to duplicate this margin that centers the page.
|
64
65
|
@supports (margin: unquote("max(calc(0px))")) {
|
65
|
-
margin:
|
66
|
+
margin-right: auto;
|
67
|
+
margin-left: auto;
|
66
68
|
}
|
67
69
|
}
|
68
70
|
|
@@ -70,7 +72,8 @@
|
|
70
72
|
width: $width;
|
71
73
|
// Since media queries are not supported in IE8,
|
72
74
|
// we need to duplicate this margin that centers the page.
|
73
|
-
margin:
|
75
|
+
margin-right: auto;
|
76
|
+
margin-left: auto;
|
74
77
|
}
|
75
78
|
}
|
76
79
|
|
@@ -1,9 +1,11 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the overrides layer without first importing `base` is deprecated, and will no longer work as of GOV.UK Frontend v4.0.";
|
3
|
+
}
|
4
4
|
|
5
|
-
@
|
5
|
+
@import "../base";
|
6
6
|
|
7
|
+
// stylelint-disable declaration-no-important
|
8
|
+
@include govuk-exports("govuk/overrides/display") {
|
7
9
|
.govuk-\!-display-inline {
|
8
10
|
display: inline !important;
|
9
11
|
}
|
@@ -19,4 +21,10 @@
|
|
19
21
|
.govuk-\!-display-none {
|
20
22
|
display: none !important;
|
21
23
|
}
|
24
|
+
|
25
|
+
@include govuk-media-query($media-type: print) {
|
26
|
+
.govuk-\!-display-none-print {
|
27
|
+
display: none !important;
|
28
|
+
}
|
29
|
+
}
|
22
30
|
}
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the overrides 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
|
////
|
6
8
|
/// @group overrides
|
@@ -1,6 +1,8 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the overrides 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/overrides/typography") {
|
6
8
|
// Font size and line height
|
@@ -1,7 +1,10 @@
|
|
1
|
-
@
|
2
|
-
@
|
3
|
-
|
1
|
+
@if not mixin-exists("govuk-exports") {
|
2
|
+
@warn "Importing items from the overrides 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
|
|
7
|
+
// stylelint-disable declaration-no-important
|
5
8
|
@include govuk-exports("govuk/overrides/width") {
|
6
9
|
.govuk-\!-width-full {
|
7
10
|
width: 100% !important;
|
@@ -4,8 +4,6 @@
|
|
4
4
|
|
5
5
|
@import "../helpers/colour";
|
6
6
|
|
7
|
-
|
8
|
-
|
9
7
|
// =========================================================
|
10
8
|
// Generic
|
11
9
|
// =========================================================
|
@@ -52,7 +50,7 @@ $govuk-print-text-colour: #000000 !default;
|
|
52
50
|
|
53
51
|
/// Secondary text colour
|
54
52
|
///
|
55
|
-
/// Used for 'muted' text
|
53
|
+
/// Used in for example 'muted' text and help text.
|
56
54
|
///
|
57
55
|
/// @type Colour
|
58
56
|
/// @access public
|
@@ -90,7 +88,7 @@ $govuk-error-colour: govuk-colour("red") !default;
|
|
90
88
|
|
91
89
|
/// Border colour
|
92
90
|
///
|
93
|
-
/// Used for borders, separators, rules
|
91
|
+
/// Used in for example borders, separators, rules and keylines.
|
94
92
|
///
|
95
93
|
/// @type Colour
|
96
94
|
/// @access public
|
@@ -115,7 +113,6 @@ $govuk-input-border-colour: govuk-colour("black") !default;
|
|
115
113
|
|
116
114
|
$govuk-hover-colour: govuk-colour("mid-grey", $legacy: "grey-3");
|
117
115
|
|
118
|
-
|
119
116
|
// =============================================================================
|
120
117
|
// Links
|
121
118
|
// =============================================================================
|
@@ -1,5 +1,8 @@
|
|
1
1
|
@import "compatibility";
|
2
2
|
|
3
|
+
// stylelint-disable value-list-max-empty-lines -- allow empty lines in lists
|
4
|
+
// in this file to allow grouping
|
5
|
+
|
3
6
|
////
|
4
7
|
/// @group settings/colours
|
5
8
|
////
|
@@ -13,11 +16,48 @@
|
|
13
16
|
/// @type Boolean
|
14
17
|
/// @access public
|
15
18
|
|
16
|
-
$govuk-use-legacy-palette: if(
|
19
|
+
$govuk-use-legacy-palette: if(
|
20
|
+
(
|
17
21
|
$govuk-compatibility-govukfrontendtoolkit or
|
18
22
|
$govuk-compatibility-govuktemplate or
|
19
23
|
$govuk-compatibility-govukelements
|
20
|
-
),
|
24
|
+
),
|
25
|
+
true,
|
26
|
+
false
|
27
|
+
) !default;
|
28
|
+
|
29
|
+
/// Modern colour palette
|
30
|
+
///
|
31
|
+
/// This exists only because you cannot easily set a !default variable
|
32
|
+
/// conditionally (thanks to the way scope works in Sass) so we set
|
33
|
+
/// `$govuk-colour-palette` using the `if` function.
|
34
|
+
///
|
35
|
+
/// @access private
|
36
|
+
|
37
|
+
$_govuk-colour-palette-modern: (
|
38
|
+
"red": #d4351c,
|
39
|
+
"yellow": #ffdd00,
|
40
|
+
"green": #00703c,
|
41
|
+
"blue": #1d70b8,
|
42
|
+
"dark-blue": #003078,
|
43
|
+
"light-blue": #5694ca,
|
44
|
+
"purple": #4c2c92,
|
45
|
+
|
46
|
+
"black": #0b0c0c,
|
47
|
+
"dark-grey": #505a5f,
|
48
|
+
"mid-grey": #b1b4b6,
|
49
|
+
"light-grey": #f3f2f1,
|
50
|
+
"white": #ffffff,
|
51
|
+
|
52
|
+
"light-purple": #6f72af,
|
53
|
+
"bright-purple": #912b88,
|
54
|
+
"pink": #d53880,
|
55
|
+
"light-pink": #f499be,
|
56
|
+
"orange": #f47738,
|
57
|
+
"brown": #b58840,
|
58
|
+
"light-green": #85994b,
|
59
|
+
"turquoise": #28a197
|
60
|
+
);
|
21
61
|
|
22
62
|
/// Legacy colour palette
|
23
63
|
///
|
@@ -52,39 +92,6 @@ $_govuk-colour-palette-legacy: (
|
|
52
92
|
"white": #ffffff
|
53
93
|
);
|
54
94
|
|
55
|
-
/// Modern colour palette
|
56
|
-
///
|
57
|
-
/// This exists only because you cannot easily set a !default variable
|
58
|
-
/// conditionally (thanks to the way scope works in Sass) so we set
|
59
|
-
/// `$govuk-colour-palette` using the `if` function.
|
60
|
-
///
|
61
|
-
/// @access private
|
62
|
-
|
63
|
-
$_govuk-colour-palette-modern: (
|
64
|
-
"red": #d4351c,
|
65
|
-
"yellow": #ffdd00,
|
66
|
-
"green": #00703c,
|
67
|
-
"blue": #1d70b8,
|
68
|
-
"dark-blue": #003078,
|
69
|
-
"light-blue": #5694ca,
|
70
|
-
"purple": #4c2c92,
|
71
|
-
|
72
|
-
"black": #0b0c0c,
|
73
|
-
"dark-grey": #626a6e,
|
74
|
-
"mid-grey": #b1b4b6,
|
75
|
-
"light-grey": #f3f2f1,
|
76
|
-
"white": #ffffff,
|
77
|
-
|
78
|
-
"light-purple": #6f72af,
|
79
|
-
"bright-purple": #912b88,
|
80
|
-
"pink": #d53880,
|
81
|
-
"light-pink": #f499be,
|
82
|
-
"orange": #f47738,
|
83
|
-
"brown": #b58840,
|
84
|
-
"light-green": #85994b,
|
85
|
-
"turquoise": #28a197
|
86
|
-
);
|
87
|
-
|
88
95
|
/// Colour palette
|
89
96
|
///
|
90
97
|
/// @type Map
|