govuk_publishing_components 5.4.1 → 5.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +1 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +5 -0
- data/app/views/govuk_publishing_components/components/_inverse_header.html.erb +6 -0
- data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +41 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- metadata +4 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: c442d89fa6b1b46a24ddefb5ce5b9968367041b147d030b9d4dc8f6f4807749b
|
4
|
+
data.tar.gz: 607340ad1271474b15c5bdb20a6e24ed681401f8a54482387e896da3ef1b3cda
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 9574c95bb2205a6ae7b1569b1a547054ce7c86107de0af7098a860fba4e4b0175a5fe9374ac6fd781481808b0bb071c903b51c6043036e88f39ac334cd3f32a7
|
7
|
+
data.tar.gz: 16d8f689f5fefe71d8158431052cf8df7cffacf15bc8c74687d8573bd23a781a87ac6d888c5cb782987ff912999373d44e84bc590c19a486a7debc080b48a0dd
|
@@ -0,0 +1,41 @@
|
|
1
|
+
name: Inverse header
|
2
|
+
description: A wrapper to contain header content in white text
|
3
|
+
body: |
|
4
|
+
This component can be passed a block of template code and will wrap it in a blue header. This is as light-touch as possible and doesn't attempt to deal with the margins and paddings of its content, neither does it enforce the white text it requires. Implemented to accomodate topic and list page headings and breadcrumbs but unopinionated about its contents.
|
5
|
+
|
6
|
+
accessibility_criteria: |
|
7
|
+
The component must:
|
8
|
+
|
9
|
+
* be used in conjunction with content that renders a text contrast ratio higher than 4.5:1
|
10
|
+
against the header colour to meet WCAG AA.
|
11
|
+
|
12
|
+
examples:
|
13
|
+
default:
|
14
|
+
data:
|
15
|
+
block: |
|
16
|
+
<div class="pub-c-title pub-c-title--inverse">
|
17
|
+
<h1 class="pub-c-title__text ">
|
18
|
+
Education, Training and Skills
|
19
|
+
</h1>
|
20
|
+
</div>
|
21
|
+
with_breadcrumbs_and_paragraph:
|
22
|
+
data:
|
23
|
+
block: |
|
24
|
+
<div class="govuk-breadcrumbs " data-module="track-click">
|
25
|
+
<ol>
|
26
|
+
<li class="">
|
27
|
+
<a data-track-category="breadcrumbClicked" data-track-action="1" data-track-label="/section" data-track-options="{"dimension28":"2","dimension29":"Section"}" class="govuk-breadcrumbs--inverse" aria-current="false" href="/section">Section</a>
|
28
|
+
</li>
|
29
|
+
<li class="">
|
30
|
+
<a data-track-category="breadcrumbClicked" data-track-action="2" data-track-label="#content" data-track-options="{"dimension28":"2","dimension29":"Education of disadvantaged children"}" class="govuk-breadcrumbs--inverse breadcrumb-for-current-page " aria-current="page" href="#content">Education of disadvantaged children</a>
|
31
|
+
</li>
|
32
|
+
</ol>
|
33
|
+
</div>
|
34
|
+
<div class="pub-c-title pub-c-title--inverse">
|
35
|
+
<h1 class="pub-c-title__text ">
|
36
|
+
Education, Training and Skills
|
37
|
+
</h1>
|
38
|
+
</div>
|
39
|
+
<p class="pub-c-lead-paragraph pub-c-lead-paragraph--inverse">
|
40
|
+
Schools and academies, further and higher education, apprenticeships and other skills training, student funding, early years.
|
41
|
+
</p>
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: govuk_publishing_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 5.
|
4
|
+
version: 5.5.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GOV.UK Dev
|
@@ -292,6 +292,7 @@ files:
|
|
292
292
|
- app/assets/stylesheets/govuk_publishing_components/components/_feedback.scss
|
293
293
|
- app/assets/stylesheets/govuk_publishing_components/components/_fieldset.scss
|
294
294
|
- app/assets/stylesheets/govuk_publishing_components/components/_input.scss
|
295
|
+
- app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss
|
295
296
|
- app/assets/stylesheets/govuk_publishing_components/components/_label.scss
|
296
297
|
- app/assets/stylesheets/govuk_publishing_components/components/_radio.scss
|
297
298
|
- app/assets/stylesheets/govuk_publishing_components/components/_related-navigation.scss
|
@@ -324,6 +325,7 @@ files:
|
|
324
325
|
- app/views/govuk_publishing_components/components/_feedback.html.erb
|
325
326
|
- app/views/govuk_publishing_components/components/_fieldset.html.erb
|
326
327
|
- app/views/govuk_publishing_components/components/_input.html.erb
|
328
|
+
- app/views/govuk_publishing_components/components/_inverse_header.html.erb
|
327
329
|
- app/views/govuk_publishing_components/components/_label.html.erb
|
328
330
|
- app/views/govuk_publishing_components/components/_radio.html.erb
|
329
331
|
- app/views/govuk_publishing_components/components/_related_navigation.html.erb
|
@@ -336,6 +338,7 @@ files:
|
|
336
338
|
- app/views/govuk_publishing_components/components/docs/feedback.yml
|
337
339
|
- app/views/govuk_publishing_components/components/docs/fieldset.yml
|
338
340
|
- app/views/govuk_publishing_components/components/docs/input.yml
|
341
|
+
- app/views/govuk_publishing_components/components/docs/inverse_header.yml
|
339
342
|
- app/views/govuk_publishing_components/components/docs/label.yml
|
340
343
|
- app/views/govuk_publishing_components/components/docs/radio.yml
|
341
344
|
- app/views/govuk_publishing_components/components/docs/related_navigation.yml
|