govuk_publishing_components 61.4.1 → 62.0.0
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.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +14 -2
- data/app/views/govuk_publishing_components/components/_inverse_header.html.erb +1 -0
- data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +19 -19
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0c8da1f43ba0d018e6a7578e500c7b8c413f5e6374616962a8b4f0409c4813dc
|
|
4
|
+
data.tar.gz: be66202a83920b0c1b73287a138feaf04944812b3a5a9a7ed9377b5739d739b1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 492e5332b0615d82b43f834a2faf7a713d7531db35aaab326893568215a11334cae6ca93e810ae35a353b51a2053d82960f5806f3f9170fba76afcc2e2e303cd
|
|
7
|
+
data.tar.gz: 686930de1300550b6f0a04d46c7fb63c25a3b319f86eb9479165639b38a0b4d232a0d159cb4e2e92137abd300aca023a768d27e3e5c7e7d51e86d215c26e9150
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.gem-c-inverse-header {
|
|
4
4
|
width: 100%;
|
|
5
|
-
background-color: govuk-
|
|
6
|
-
color: govuk-colour("white");
|
|
5
|
+
background-color: $govuk-blue-tint-80;
|
|
7
6
|
margin-bottom: govuk-spacing(6);
|
|
8
7
|
padding: govuk-spacing(3) govuk-spacing(6) govuk-spacing(6) govuk-spacing(6);
|
|
9
8
|
box-sizing: border-box;
|
|
@@ -15,12 +14,25 @@
|
|
|
15
14
|
@include govuk-font($size: 16, $line-height: 1.5);
|
|
16
15
|
}
|
|
17
16
|
|
|
17
|
+
.gem-c-inverse-header__link {
|
|
18
|
+
&:link,
|
|
19
|
+
&:visited,
|
|
20
|
+
&:active {
|
|
21
|
+
color: govuk-colour("black");
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
18
25
|
.gem-c-inverse-header--full-width {
|
|
19
26
|
padding-left: 0;
|
|
20
27
|
padding-right: 0;
|
|
21
28
|
padding-bottom: govuk-spacing(3);
|
|
22
29
|
}
|
|
23
30
|
|
|
31
|
+
.gem-c-inverse-header--html-publication-header {
|
|
32
|
+
background-color: govuk-colour("blue");
|
|
33
|
+
color: govuk-colour("white");
|
|
34
|
+
}
|
|
35
|
+
|
|
24
36
|
@include govuk-media-query($media-type: print) {
|
|
25
37
|
.gem-c-inverse-header {
|
|
26
38
|
background: none;
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
|
|
9
9
|
component_helper.add_class("gem-c-inverse-header")
|
|
10
10
|
component_helper.add_class("gem-c-inverse-header--full-width") if local_assigns[:full_width]
|
|
11
|
+
component_helper.add_class("gem-c-inverse-header--html-publication-header") if local_assigns[:html_publication_header]
|
|
11
12
|
component_helper.add_class("govuk-!-padding-top-#{padding_top}") if [*0..9].include?(padding_top)
|
|
12
13
|
component_helper.add_class("govuk-!-padding-bottom-#{padding_bottom}") if [*0..9].include?(padding_bottom)
|
|
13
14
|
%>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
name: Inverse header
|
|
2
|
-
description: A wrapper to contain header content
|
|
2
|
+
description: A wrapper to contain header content
|
|
3
3
|
body: |
|
|
4
|
-
This component can be passed a block of template code and will wrap it in a blue header.
|
|
4
|
+
This component can be passed a block of template code and will wrap it in a light blue header. Implemented to accommodate topic and list page headings but unopinionated about its contents.
|
|
5
5
|
|
|
6
|
-
If passing links to the block make sure to add [the inverse modifier](https://design-system.service.gov.uk/styles/links/#links-on-dark-backgrounds).
|
|
6
|
+
If passing links to the block make sure to add [the inverse link style](#with_paragraph_and_link), or in the case of the html publication header variant, [the inverse modifier](https://design-system.service.gov.uk/styles/links/#links-on-dark-backgrounds).
|
|
7
7
|
uses_component_wrapper_helper: true
|
|
8
8
|
accessibility_criteria: |
|
|
9
9
|
The component must:
|
|
@@ -17,7 +17,6 @@ examples:
|
|
|
17
17
|
<%= render "govuk_publishing_components/components/heading", {
|
|
18
18
|
text: "Education, Training and Skills",
|
|
19
19
|
font_size: "xl",
|
|
20
|
-
inverse: true,
|
|
21
20
|
padding: true,
|
|
22
21
|
} %>
|
|
23
22
|
<!-- end of example content -->
|
|
@@ -30,7 +29,6 @@ examples:
|
|
|
30
29
|
<!-- example content -->
|
|
31
30
|
<%= render "govuk_publishing_components/components/heading", {
|
|
32
31
|
text: "Education, Training and Skills",
|
|
33
|
-
inverse: true,
|
|
34
32
|
margin_bottom: 0
|
|
35
33
|
} %>
|
|
36
34
|
<!-- end of example content -->
|
|
@@ -43,38 +41,40 @@ examples:
|
|
|
43
41
|
<%= render "govuk_publishing_components/components/heading", {
|
|
44
42
|
text: "Education, Training and Skills",
|
|
45
43
|
font_size: "xl",
|
|
46
|
-
inverse: true,
|
|
47
44
|
padding: true,
|
|
48
45
|
} %>
|
|
49
46
|
<!-- end of example content -->
|
|
50
|
-
|
|
47
|
+
html_publication_header:
|
|
48
|
+
description: "The html publication header with a blue background is used on HTML publications and CSV previews. [See example of a HTML publication on GOV.UK here](https://www.gov.uk/government/publications/ln5-0at-jackson-homes-scopwick-ltd-environmental-permit-application-advertisement/ln5-0at-jackson-homes-scopwick-ltd-environmental-permit-application), and [an example of a CSV preview on GOV.UK here](https://www.gov.uk/csv-preview/6756eeb07ec19a3516f79a3d/Malpractice_in_VTQ_-_Example_CSV_File.csv)"
|
|
51
49
|
data:
|
|
52
|
-
|
|
50
|
+
html_publication_header: true
|
|
53
51
|
block: |
|
|
54
52
|
<!-- example content -->
|
|
55
53
|
<%= render "govuk_publishing_components/components/heading", {
|
|
56
|
-
text: "
|
|
54
|
+
text: "LN5 0AT, Jackson Homes (Scopwick) Ltd: environmental permit application",
|
|
57
55
|
inverse: true,
|
|
58
|
-
|
|
56
|
+
context: "Notice",
|
|
57
|
+
padding: true,
|
|
58
|
+
font_size: "xl"
|
|
59
59
|
} %>
|
|
60
|
+
<p class="publication-header__last-changed">Published 22 April 2016</p>
|
|
60
61
|
<!-- end of example content -->
|
|
61
|
-
|
|
62
|
-
description: "The
|
|
62
|
+
html_publication_header_with_subtext:
|
|
63
|
+
description: "The white subtext can be used with the html publication header variant. We don't currently support black subtext to be used with the default variant as it's not in use on GOV.UK. If you need this please add it as a variant to the component."
|
|
63
64
|
data:
|
|
65
|
+
subtext: This is some text
|
|
66
|
+
html_publication_header: true
|
|
64
67
|
block: |
|
|
65
68
|
<!-- example content -->
|
|
66
69
|
<%= render "govuk_publishing_components/components/heading", {
|
|
67
|
-
text: "
|
|
70
|
+
text: "Education, Training and Skills",
|
|
68
71
|
inverse: true,
|
|
69
|
-
|
|
70
|
-
padding: true,
|
|
71
|
-
font_size: "xl"
|
|
72
|
+
margin_bottom: 0
|
|
72
73
|
} %>
|
|
73
|
-
<p class="publication-header__last-changed">Published 22 April 2016</p>
|
|
74
74
|
<!-- end of example content -->
|
|
75
75
|
with_paragraph_and_link:
|
|
76
76
|
data:
|
|
77
77
|
block: |
|
|
78
|
-
<p class="gem-c-lead-paragraph
|
|
79
|
-
Schools and academies, further and higher education
|
|
78
|
+
<p class="gem-c-lead-paragraph">
|
|
79
|
+
Schools and academies, further and higher education apprenticeships and <a href="#other-skills" class="govuk-link gem-c-inverse-header__link">other skills</a> training, student funding, early years.
|
|
80
80
|
</p>
|