govuk_publishing_components 37.2.0 → 37.2.1
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/component_guide/application.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +3 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_modal-dialogue.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +2 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav-related.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +10 -10
- data/app/assets/stylesheets/govuk_publishing_components/components/_table.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss +2 -2
- data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/mixins/_grid-helper.scss +1 -1
- 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: dd6a567dc9d2f526c099f1a5cffe3466e1198dd4e0dc0daa657fa1263ca747ee
|
|
4
|
+
data.tar.gz: 9b371409800e9c9bf9d78b8587a07c625824bdda222feea5a8eb19136adbece6
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d542c5aa0c5a03260cd4df7c2752bef05c9e556ec5b7dad4a2fc2267f841d3d5c346b8b892606738ca6162833c0e8183b1c30521aceb3421dca539ab80dfe896
|
|
7
|
+
data.tar.gz: 938b1fca6df8b444cac7d2a0d5643c024d17b4c3bbe3488233457e970d5ab7c6a1bb5418bfa0790b45f04927695d48ba8b99344d4c29dd83eed843390fb8a302
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
@include govuk-font($size: false);
|
|
187
187
|
font-size: 16px;
|
|
188
188
|
font-size: govuk-px-to-rem(16px);
|
|
189
|
-
margin: 0 0
|
|
189
|
+
margin: 0 0 (govuk-spacing(3) / 2);
|
|
190
190
|
color: govuk-colour("dark-grey", $legacy: "grey-1");
|
|
191
191
|
|
|
192
192
|
@include govuk-media-query($from: tablet) {
|
|
@@ -196,7 +196,7 @@
|
|
|
196
196
|
|
|
197
197
|
.gem-c-image-card__description {
|
|
198
198
|
@include govuk-font($size: 19);
|
|
199
|
-
padding-top:
|
|
199
|
+
padding-top: (govuk-spacing(3) / 2);
|
|
200
200
|
word-wrap: break-word;
|
|
201
201
|
}
|
|
202
202
|
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
@include govuk-font($size: 19);
|
|
205
205
|
position: relative;
|
|
206
206
|
z-index: 2;
|
|
207
|
-
padding:
|
|
207
|
+
padding: (govuk-spacing(3) / 2) 0 0 0;
|
|
208
208
|
margin: 0;
|
|
209
209
|
list-style: none;
|
|
210
210
|
|
|
@@ -46,7 +46,7 @@ $govuk-modal-wide-breakpoint: $govuk-page-width + $govuk-modal-margin * 2 + $gov
|
|
|
46
46
|
bottom: inherit;
|
|
47
47
|
left: inherit;
|
|
48
48
|
width: auto;
|
|
49
|
-
max-width: $govuk-page-width *
|
|
49
|
+
max-width: $govuk-page-width * 2 / 3;
|
|
50
50
|
height: auto;
|
|
51
51
|
margin: $govuk-modal-margin auto;
|
|
52
52
|
border: $govuk-border-width-form-element solid $govuk-input-border-colour;
|
|
@@ -65,7 +65,7 @@ $large-input-size: 50px;
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.gem-c-search__input[type="search"] { // overly specific to prevent some overrides from outside
|
|
68
|
-
@include govuk-font($size: 19, $line-height:
|
|
68
|
+
@include govuk-font($size: 19, $line-height: (28 / 19));
|
|
69
69
|
margin: 0;
|
|
70
70
|
width: 100%;
|
|
71
71
|
height: govuk-em(40, 16);
|
|
@@ -108,7 +108,7 @@ $large-input-size: 50px;
|
|
|
108
108
|
|
|
109
109
|
@mixin icon-positioning($container-size) {
|
|
110
110
|
$icon-dimension: 20px;
|
|
111
|
-
$icon-position:
|
|
111
|
+
$icon-position: ($container-size - $icon-dimension) / 2;
|
|
112
112
|
|
|
113
113
|
display: block;
|
|
114
114
|
pointer-events: none;
|
|
@@ -18,7 +18,7 @@ $share-button-height: 30px;
|
|
|
18
18
|
padding-left: ($share-button-width + govuk-spacing(2));
|
|
19
19
|
padding-right: govuk-spacing(2);
|
|
20
20
|
margin-bottom: govuk-spacing(2);
|
|
21
|
-
font-size:
|
|
21
|
+
font-size: $share-button-height / 2;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.gem-c-share-links__link {
|
|
@@ -17,12 +17,12 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
|
17
17
|
|
|
18
18
|
@mixin step-nav-line-position {
|
|
19
19
|
left: 0;
|
|
20
|
-
margin-left: govuk-em(
|
|
20
|
+
margin-left: govuk-em(($number-circle-size / 2) - ($stroke-width / 2), 16);
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
@mixin step-nav-line-position-large {
|
|
24
24
|
left: 0;
|
|
25
|
-
margin-left: govuk-em(
|
|
25
|
+
margin-left: govuk-em(($number-circle-size-large / 2) - ($stroke-width / 2), 16);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
// custom mixin as govuk-font does undesirable things at different breakpoints
|
|
@@ -260,8 +260,8 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
|
260
260
|
z-index: 6;
|
|
261
261
|
bottom: 0;
|
|
262
262
|
left: 0;
|
|
263
|
-
margin-left:
|
|
264
|
-
width:
|
|
263
|
+
margin-left: $number-circle-size / 4;
|
|
264
|
+
width: $number-circle-size / 2;
|
|
265
265
|
height: 0;
|
|
266
266
|
border-bottom: solid $stroke-width govuk-colour("mid-grey", $legacy: "grey-2");
|
|
267
267
|
}
|
|
@@ -278,8 +278,8 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
|
278
278
|
.gem-c-step-nav--large & {
|
|
279
279
|
@include govuk-media-query($from: tablet) {
|
|
280
280
|
&::before {
|
|
281
|
-
margin-left:
|
|
282
|
-
width:
|
|
281
|
+
margin-left: $number-circle-size-large / 4;
|
|
282
|
+
width: $number-circle-size-large / 2;
|
|
283
283
|
}
|
|
284
284
|
|
|
285
285
|
&::after {
|
|
@@ -508,9 +508,9 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
|
508
508
|
z-index: 5;
|
|
509
509
|
top: .6em; // position the dot to align with the first row of text in the link
|
|
510
510
|
left: -(govuk-spacing(6) + govuk-spacing(3));
|
|
511
|
-
margin-top: -
|
|
512
|
-
margin-left:
|
|
513
|
-
width:
|
|
511
|
+
margin-top: -($stroke-width / 2);
|
|
512
|
+
margin-left: ($number-circle-size / 2);
|
|
513
|
+
width: $number-circle-size / 2;
|
|
514
514
|
height: $stroke-width;
|
|
515
515
|
background: govuk-colour("black");
|
|
516
516
|
}
|
|
@@ -519,7 +519,7 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
|
|
|
519
519
|
@include govuk-media-query($from: tablet) {
|
|
520
520
|
&::before {
|
|
521
521
|
left: -(govuk-spacing(9));
|
|
522
|
-
margin-left:
|
|
522
|
+
margin-left: ($number-circle-size-large / 2);
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
525
|
}
|
|
@@ -8,7 +8,7 @@ $table-header-background-colour: govuk-colour("light-grey", $legacy: "grey-3");
|
|
|
8
8
|
$sort-link-active-colour: govuk-colour("white");
|
|
9
9
|
$sort-link-arrow-size: 14px;
|
|
10
10
|
$sort-link-arrow-size-small: 8px;
|
|
11
|
-
$sort-link-arrow-spacing:
|
|
11
|
+
$sort-link-arrow-spacing: $sort-link-arrow-size / 2;
|
|
12
12
|
$table-row-hover-background-colour: rgba(43, 140, 196, .2);
|
|
13
13
|
$table-row-even-background-colour: govuk-colour("light-grey", $legacy: "grey-4");
|
|
14
14
|
|
data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_warning-callout.scss
CHANGED
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
padding-left: $icon-size;
|
|
24
24
|
|
|
25
25
|
// Center the icon around the baseline
|
|
26
|
-
padding-top:
|
|
26
|
+
padding-top: ($icon-size - $line-height-mobile) / 2;
|
|
27
27
|
|
|
28
28
|
@include govuk-media-query($from: tablet) {
|
|
29
|
-
padding-top:
|
|
29
|
+
padding-top: ($icon-size - $line-height-tablet) / 2;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
p {
|