govuk_publishing_components 37.2.0 → 37.2.1
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/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 {
|