katalyst-govuk-formbuilder 1.5.0 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (174) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/builds/katalyst/govuk/formbuilder.css +534 -453
  3. data/app/assets/builds/katalyst/govuk/formbuilder.js +1865 -1379
  4. data/app/assets/builds/katalyst/govuk/formbuilder.min.js +85 -1
  5. data/app/assets/stylesheets/katalyst/govuk/components/richtextarea/_index.scss +5 -5
  6. data/app/assets/stylesheets/katalyst/govuk/components/richtextarea/_richtextarea.scss +1 -1
  7. data/app/assets/stylesheets/katalyst/govuk/formbuilder.scss +18 -18
  8. data/lib/katalyst/govuk/formbuilder/frontend.rb +2 -1
  9. data/lib/katalyst/govuk/formbuilder.rb +0 -1
  10. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/_base.scss +2 -0
  11. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/all.scss +2 -0
  12. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/_all.scss +8 -4
  13. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/accordion/_accordion.scss +4 -0
  14. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/accordion/_index.scss +19 -45
  15. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/back-link/_back-link.scss +4 -0
  16. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/back-link/_index.scss +18 -34
  17. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/breadcrumbs/_breadcrumbs.scss +4 -0
  18. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/breadcrumbs/_index.scss +22 -35
  19. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/button/_button.scss +4 -0
  20. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/button/_index.scss +56 -91
  21. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/character-count/_character-count.scss +4 -0
  22. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/character-count/_index.scss +3 -1
  23. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/checkboxes/_checkboxes.scss +4 -0
  24. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/checkboxes/_index.scss +69 -91
  25. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/cookie-banner/_cookie-banner.scss +4 -0
  26. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/cookie-banner/_index.scss +3 -2
  27. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/date-input/_date-input.scss +4 -0
  28. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/date-input/_index.scss +2 -0
  29. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/details/_details.scss +4 -0
  30. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/details/_index.scss +134 -0
  31. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/error-message/_error-message.scss +4 -0
  32. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/error-message/_index.scss +2 -0
  33. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/error-summary/_error-summary.scss +4 -0
  34. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/error-summary/_index.scss +5 -3
  35. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/exit-this-page/_exit-this-page.scss +4 -0
  36. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/exit-this-page/_index.scss +92 -0
  37. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/fieldset/_fieldset.scss +4 -0
  38. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/fieldset/_index.scss +18 -11
  39. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/file-upload/_file-upload.scss +4 -0
  40. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/file-upload/_index.scss +3 -6
  41. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/footer/_footer.scss +4 -0
  42. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/footer/_index.scss +16 -57
  43. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/header/_header.scss +4 -0
  44. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/header/_index.scss +55 -75
  45. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/hint/_hint.scss +2 -0
  46. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/hint/_index.scss +3 -0
  47. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/input/_index.scss +12 -35
  48. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/input/_input.scss +2 -0
  49. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/inset-text/_index.scss +2 -0
  50. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/inset-text/_inset-text.scss +4 -0
  51. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/label/_index.scss +12 -7
  52. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/label/_label.scss +2 -0
  53. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/notification-banner/_index.scss +8 -5
  54. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/notification-banner/_notification-banner.scss +4 -0
  55. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/pagination/_index.scss +12 -18
  56. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/pagination/_pagination.scss +4 -0
  57. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/panel/_index.scss +6 -8
  58. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/panel/_panel.scss +2 -0
  59. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/phase-banner/_index.scss +11 -0
  60. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/phase-banner/_phase-banner.scss +4 -0
  61. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/radios/_index.scss +38 -54
  62. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/radios/_radios.scss +4 -0
  63. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/select/_index.scss +4 -11
  64. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/select/_select.scss +4 -0
  65. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/skip-link/_index.scss +2 -0
  66. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/skip-link/_skip-link.scss +4 -0
  67. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/summary-list/_index.scss +20 -19
  68. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/summary-list/_summary-list.scss +4 -0
  69. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/table/_index.scss +10 -16
  70. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/table/_table.scss +2 -0
  71. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/tabs/_index.scss +13 -9
  72. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/tabs/_tabs.scss +2 -0
  73. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/tag/_index.scss +94 -0
  74. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/tag/_tag.scss +2 -0
  75. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/task-list/_index.scss +77 -0
  76. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/task-list/_task-list.scss +4 -0
  77. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/textarea/_index.scss +3 -7
  78. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/textarea/_textarea.scss +4 -0
  79. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/components/warning-text/_index.scss +7 -8
  80. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/components/warning-text/_warning-text.scss +4 -0
  81. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_all.scss +2 -0
  82. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_global-styles.scss +2 -1
  83. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_govuk-frontend-version.scss +3 -1
  84. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_links.scss +8 -1
  85. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_lists.scss +2 -1
  86. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_section-break.scss +2 -7
  87. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/core/_typography.scss +5 -4
  88. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_all.scss +2 -0
  89. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_clearfix.scss +3 -1
  90. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_colour.scss +12 -19
  91. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_device-pixels.scss +4 -3
  92. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_focused.scss +22 -6
  93. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/helpers/_font-faces.scss +41 -0
  94. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_grid.scss +2 -0
  95. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_links.scss +36 -74
  96. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_media-queries.scss +3 -12
  97. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_shape-arrow.scss +2 -0
  98. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_spacing.scss +12 -10
  99. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_typography.scss +12 -33
  100. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/helpers/_visually-hidden.scss +33 -0
  101. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_all.scss +2 -0
  102. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_button-group.scss +7 -12
  103. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_form-group.scss +2 -0
  104. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_grid.scss +4 -2
  105. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_main-wrapper.scss +2 -0
  106. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_template.scss +22 -1
  107. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/objects/_width-container.scss +2 -9
  108. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_all.scss +2 -0
  109. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_display.scss +2 -0
  110. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_spacing.scss +3 -19
  111. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_text-align.scss +2 -0
  112. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_typography.scss +2 -0
  113. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/overrides/_width.scss +2 -0
  114. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_all.scss +2 -3
  115. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_assets.scss +2 -0
  116. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_colours-applied.scss +9 -7
  117. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_colours-organisations.scss +4 -2
  118. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/settings/_colours-palette.scss +37 -0
  119. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_global-styles.scss +2 -0
  120. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_links.scss +3 -20
  121. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_measurements.scss +17 -5
  122. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_media-queries.scss +4 -2
  123. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_spacing.scss +2 -0
  124. data/vendor/assets/stylesheets/govuk-frontend/dist/govuk/settings/_typography-font.scss +52 -0
  125. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_typography-responsive.scss +2 -39
  126. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/settings/_warnings.scss +25 -5
  127. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_all.scss +2 -2
  128. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_exports.scss +2 -0
  129. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_font-url.scss +3 -0
  130. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_image-url.scss +3 -0
  131. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_px-to-em.scss +2 -0
  132. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/tools/_px-to-rem.scss +2 -0
  133. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/utilities/_all.scss +2 -0
  134. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/utilities/_clearfix.scss +2 -0
  135. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/utilities/_visually-hidden.scss +2 -0
  136. data/vendor/assets/stylesheets/govuk-frontend/{govuk → dist/govuk}/vendor/_sass-mq.scss +3 -1
  137. metadata +130 -133
  138. data/lib/katalyst/govuk/formbuilder/version.rb +0 -9
  139. data/vendor/assets/stylesheets/govuk-frontend/govuk/all-ie8.scss +0 -14
  140. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/accordion/_accordion.scss +0 -2
  141. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_back-link.scss +0 -2
  142. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +0 -2
  143. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_button.scss +0 -2
  144. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/character-count/_character-count.scss +0 -2
  145. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +0 -2
  146. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +0 -2
  147. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/date-input/_date-input.scss +0 -2
  148. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_details.scss +0 -2
  149. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_index.scss +0 -88
  150. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_error-message.scss +0 -2
  151. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_error-summary.scss +0 -2
  152. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_fieldset.scss +0 -2
  153. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_file-upload.scss +0 -2
  154. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/footer/_footer.scss +0 -2
  155. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/header/_header.scss +0 -2
  156. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/inset-text/_inset-text.scss +0 -2
  157. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +0 -2
  158. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/pagination/_pagination.scss +0 -2
  159. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +0 -2
  160. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/radios/_radios.scss +0 -2
  161. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/select/_select.scss +0 -2
  162. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/skip-link/_skip-link.scss +0 -2
  163. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/summary-list/_summary-list.scss +0 -2
  164. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tag/_index.scss +0 -81
  165. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/textarea/_textarea.scss +0 -2
  166. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/warning-text/_warning-text.scss +0 -2
  167. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_font-faces.scss +0 -41
  168. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-palette.scss +0 -120
  169. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_compatibility.scss +0 -100
  170. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_ie8.scss +0 -34
  171. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font-families.scss +0 -32
  172. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font.scss +0 -112
  173. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_compatibility.scss +0 -50
  174. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_ie8.scss +0 -87
@@ -29,11 +29,6 @@
29
29
  // (which changes element size) and since `outline` is already used for the
30
30
  // yellow focus state.
31
31
  box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
32
-
33
- @include _govuk-if-ie8 {
34
- // IE8 doesn't support `box-shadow` so add an actual border
35
- border: 4px solid $govuk-input-border-colour;
36
- }
37
32
  }
38
33
 
39
34
  // Set "focus-within" to fix https://bugzilla.mozilla.org/show_bug.cgi?id=1430196
@@ -48,8 +43,10 @@
48
43
  }
49
44
 
50
45
  &:disabled {
51
- opacity: .5;
46
+ opacity: 0.5;
52
47
  cursor: not-allowed;
53
48
  }
54
49
  }
55
50
  }
51
+
52
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_footer.scss.map */
@@ -1,19 +1,7 @@
1
1
  @include govuk-exports("govuk/component/footer") {
2
-
3
2
  $govuk-footer-background: $govuk-canvas-background-colour;
4
3
  $govuk-footer-border: $govuk-border-colour;
5
- // This variable can be removed entirely once the legacy palette goes away,
6
- // as it'll just be the same as $govuk-footer-border.
7
- $govuk-footer-border-top: $govuk-border-colour;
8
4
  $govuk-footer-text: $govuk-text-colour;
9
- $govuk-footer-link-hover-colour: null; // Only used with the legacy palette
10
-
11
- @if $govuk-use-legacy-palette {
12
- $govuk-footer-border-top: #a1acb2;
13
- $govuk-footer-border: govuk-colour("grey-2");
14
- $govuk-footer-text: #454a4c;
15
- $govuk-footer-link-hover-colour: #171819;
16
- }
17
5
 
18
6
  // Based on the govuk-crest-2x.png image dimensions.
19
7
  $govuk-footer-crest-image-width-2x: 250px;
@@ -27,36 +15,14 @@
27
15
  @include govuk-responsive-padding(7, "top");
28
16
  @include govuk-responsive-padding(5, "bottom");
29
17
 
30
- border-top: 1px solid $govuk-footer-border-top;
18
+ border-top: 1px solid $govuk-footer-border;
31
19
  color: $govuk-footer-text;
32
20
  background: $govuk-footer-background;
33
21
  }
34
22
 
35
23
  .govuk-footer__link {
36
24
  @include govuk-link-common;
37
-
38
- @if $govuk-use-legacy-palette {
39
- &:link,
40
- &:visited {
41
- color: $govuk-footer-text;
42
- }
43
-
44
- &:hover,
45
- &:active {
46
- color: $govuk-footer-link-hover-colour;
47
- }
48
- } @else {
49
- @include govuk-link-style-text;
50
- }
51
-
52
- // alphagov/govuk_template includes a specific a:link:focus selector
53
- // designed to make unvisited links a slightly darker blue when focussed, so
54
- // we need to override the text colour for that combination of selectors.
55
- @include _govuk-compatibility(govuk_template) {
56
- &:link:focus {
57
- @include govuk-text-colour;
58
- }
59
- }
25
+ @include govuk-link-style-text;
60
26
  }
61
27
 
62
28
  .govuk-footer__section-break {
@@ -67,16 +33,12 @@
67
33
  }
68
34
 
69
35
  .govuk-footer__meta {
70
- display: -ms-flexbox;
71
36
  display: flex; // Support: Flexbox
72
37
  margin-right: -$govuk-gutter-half;
73
38
  margin-left: -$govuk-gutter-half;
74
- -ms-flex-wrap: wrap;
75
- flex-wrap: wrap; // Support: Flexbox
76
- -ms-flex-align: end;
77
- align-items: flex-end; // Support: Flexbox
78
- -ms-flex-pack: center;
79
- justify-content: center; // Support: Flexbox
39
+ flex-wrap: wrap; // Support: Flexbox
40
+ align-items: flex-end; // Support: Flexbox
41
+ justify-content: center; // Support: Flexbox
80
42
  }
81
43
 
82
44
  .govuk-footer__meta-item {
@@ -86,18 +48,16 @@
86
48
  }
87
49
 
88
50
  .govuk-footer__meta-item--grow {
89
- -ms-flex: 1;
90
- flex: 1; // Support: Flexbox
91
- @include govuk-media-query ($until: tablet) {
92
- -ms-flex-preferred-size: 320px;
93
- flex-basis: 320px; // Support: Flexbox
51
+ flex: 1; // Support: Flexbox
52
+ @include govuk-media-query($until: tablet) {
53
+ flex-basis: 320px; // Support: Flexbox
94
54
  }
95
55
  }
96
56
 
97
57
  .govuk-footer__licence-logo {
98
58
  display: inline-block;
99
59
  margin-right: govuk-spacing(2);
100
- @include govuk-media-query ($until: desktop) {
60
+ @include govuk-media-query($until: desktop) {
101
61
  margin-bottom: govuk-spacing(3);
102
62
  }
103
63
  vertical-align: top;
@@ -145,7 +105,7 @@
145
105
  margin-bottom: govuk-spacing(6);
146
106
  padding-bottom: govuk-spacing(4);
147
107
 
148
- @include govuk-media-query ($until: tablet) {
108
+ @include govuk-media-query($until: tablet) {
149
109
  padding-bottom: govuk-spacing(2);
150
110
  }
151
111
  border-bottom: 1px solid $govuk-footer-border;
@@ -167,19 +127,16 @@
167
127
  margin: 0;
168
128
  padding: 0;
169
129
  list-style: none;
170
- -webkit-column-gap: $govuk-gutter;
171
- column-gap: $govuk-gutter; // Support: Columns
130
+ column-gap: $govuk-gutter; // Support: Columns
172
131
  }
173
132
 
174
- @include govuk-media-query ($from: desktop) {
133
+ @include govuk-media-query($from: desktop) {
175
134
  .govuk-footer__list--columns-2 {
176
- -webkit-column-count: 2;
177
- column-count: 2; // Support: Columns
135
+ column-count: 2; // Support: Columns
178
136
  }
179
137
 
180
138
  .govuk-footer__list--columns-3 {
181
- -webkit-column-count: 3;
182
- column-count: 3; // Support: Columns
139
+ column-count: 3; // Support: Columns
183
140
  }
184
141
  }
185
142
 
@@ -191,3 +148,5 @@
191
148
  margin-bottom: 0;
192
149
  }
193
150
  }
151
+
152
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_header.scss.map */
@@ -1,5 +1,4 @@
1
1
  @include govuk-exports("govuk/component/header") {
2
-
3
2
  $govuk-header-background: govuk-colour("black");
4
3
  $govuk-header-border-color: $govuk-brand-colour;
5
4
  $govuk-header-border-width: govuk-spacing(2);
@@ -9,7 +8,7 @@
9
8
  $govuk-header-link-underline-thickness: 3px;
10
9
 
11
10
  .govuk-header {
12
- @include govuk-font($size: 16);
11
+ @include govuk-font($size: 16, $line-height: 1);
13
12
 
14
13
  border-bottom: govuk-spacing(2) solid govuk-colour("white");
15
14
  color: $govuk-header-text;
@@ -35,10 +34,14 @@
35
34
 
36
35
  .govuk-header__logotype {
37
36
  display: inline-block;
37
+ position: relative;
38
+ top: -3px;
38
39
 
39
40
  // Add a gap after the logo in case it's followed by a product name. This
40
41
  // gets removed later if the logotype is a :last-child.
41
42
  margin-right: govuk-spacing(1);
43
+ fill: currentcolor;
44
+ vertical-align: top;
42
45
 
43
46
  // Prevent readability backplate from obscuring underline in Windows High
44
47
  // Contrast Mode
@@ -54,24 +57,32 @@
54
57
  }
55
58
  }
56
59
 
57
- .govuk-header__logotype-crown {
58
- position: relative;
59
- top: -1px;
60
- margin-right: 1px;
61
- fill: currentcolor;
62
- vertical-align: top;
63
- }
64
-
65
- .govuk-header__logotype-crown-fallback-image {
66
- width: 36px;
67
- height: 32px;
68
- border: 0;
69
- vertical-align: bottom;
70
- }
71
-
72
60
  .govuk-header__product-name {
73
- @include govuk-font($size: 24, $line-height: 1);
61
+ $product-name-offset: 10px;
62
+ $product-name-offset-tablet: 5px;
63
+
64
+ @include govuk-typography-responsive($size: 24, $override-line-height: 1);
65
+ @include govuk-typography-weight-regular;
74
66
  display: inline-table;
67
+
68
+ // Maintain space below logo when wrapped
69
+ margin-top: $product-name-offset;
70
+
71
+ // Firefox places the GOV.UK logo one pixel higher, due to how it rounds
72
+ // subpixels, so nudge the product name in FF to still be aligned.
73
+ @-moz-document url-prefix() {
74
+ margin-top: $product-name-offset - 0.5px;
75
+ }
76
+
77
+ // Align vertically with logo when not wrapped
78
+ vertical-align: top;
79
+
80
+ @include govuk-media-query($from: tablet) {
81
+ margin-top: $product-name-offset-tablet;
82
+ @-moz-document url-prefix() {
83
+ margin-top: $product-name-offset-tablet - 0.5px;
84
+ }
85
+ }
75
86
  }
76
87
 
77
88
  .govuk-header__link {
@@ -82,7 +93,6 @@
82
93
  // - all links get a 3px underline regardless of text size, as there are
83
94
  // multiple grouped elements close to one another and having slightly
84
95
  // different underline widths looks unbalanced
85
- @include govuk-typography-common;
86
96
  @include govuk-link-style-inverse;
87
97
 
88
98
  text-decoration: none;
@@ -104,14 +114,11 @@
104
114
  .govuk-header__link--homepage {
105
115
  // Font size needs to be set on the link so that the box sizing is correct
106
116
  // in Firefox
107
- @include govuk-font($size: false, $weight: bold);
108
-
109
117
  display: inline-block;
110
118
  margin-right: govuk-spacing(2);
111
119
  font-size: 30px; // We don't have a mixin that produces 30px font size
112
- line-height: 1;
113
120
 
114
- @include govuk-media-query($from: tablet) {
121
+ @include govuk-media-query($from: desktop) {
115
122
  display: inline;
116
123
 
117
124
  &:focus {
@@ -130,8 +137,6 @@
130
137
  &:active {
131
138
  // Negate the added border
132
139
  margin-bottom: $govuk-header-link-underline-thickness * -1;
133
- // Omitting colour will use default value of currentColor – if we
134
- // specified currentColor explicitly IE8 would ignore this rule.
135
140
  border-bottom: $govuk-header-link-underline-thickness solid;
136
141
  }
137
142
 
@@ -142,13 +147,11 @@
142
147
  }
143
148
  }
144
149
 
145
- // The govuk-header__link--service-name class is deprecated - use
146
- // govuk-header__service-name instead.
147
- .govuk-header__service-name,
148
- .govuk-header__link--service-name {
150
+ .govuk-header__service-name {
149
151
  display: inline-block;
150
152
  margin-bottom: govuk-spacing(2);
151
- @include govuk-font($size: 24, $weight: bold);
153
+ @include govuk-typography-responsive($size: 24);
154
+ @include govuk-typography-weight-bold;
152
155
  }
153
156
 
154
157
  .govuk-header__logo,
@@ -160,16 +163,23 @@
160
163
  @include govuk-responsive-margin(2, "bottom");
161
164
  padding-right: govuk-spacing(8);
162
165
 
163
- @include govuk-media-query ($from: desktop) {
166
+ @include govuk-media-query($from: desktop) {
164
167
  width: 33.33%;
165
168
  padding-right: $govuk-gutter-half;
166
169
  float: left;
167
170
  vertical-align: top;
171
+
172
+ // Reset float when logo is the last child, without a navigation
173
+ &:last-child {
174
+ width: auto;
175
+ padding-right: 0;
176
+ float: none;
177
+ }
168
178
  }
169
179
  }
170
180
 
171
181
  .govuk-header__content {
172
- @include govuk-media-query ($from: desktop) {
182
+ @include govuk-media-query($from: desktop) {
173
183
  width: 66.66%;
174
184
  padding-left: $govuk-gutter-half;
175
185
  float: left;
@@ -178,7 +188,6 @@
178
188
 
179
189
  .govuk-header__menu-button {
180
190
  @include govuk-font($size: 16);
181
- display: none;
182
191
  position: absolute;
183
192
  top: govuk-spacing(4);
184
193
  right: 0;
@@ -202,32 +211,32 @@
202
211
  @include govuk-focused-text;
203
212
  }
204
213
 
205
- &:after {
214
+ &::after {
206
215
  @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);
207
216
  content: "";
208
217
  margin-left: govuk-spacing(1);
209
218
  }
210
219
 
211
- &[aria-expanded="true"]:after {
220
+ &[aria-expanded="true"]::after {
212
221
  @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);
213
222
  }
214
223
 
215
- @include govuk-media-query ($from: tablet) {
224
+ @include govuk-media-query($from: tablet) {
216
225
  top: govuk-spacing(3);
217
226
  }
218
227
 
219
- .js-enabled & {
228
+ .govuk-frontend-supported & {
220
229
  display: block;
221
230
  }
222
231
 
223
232
  &[hidden],
224
- .js-enabled &[hidden] {
233
+ .govuk-frontend-supported &[hidden] {
225
234
  display: none;
226
235
  }
227
236
  }
228
237
 
229
238
  .govuk-header__navigation {
230
- @include govuk-media-query ($from: desktop) {
239
+ @include govuk-media-query($from: desktop) {
231
240
  margin-bottom: govuk-spacing(2);
232
241
  }
233
242
  }
@@ -244,24 +253,18 @@
244
253
  }
245
254
 
246
255
  .govuk-header__navigation--end {
247
- @include govuk-media-query ($from: desktop) {
256
+ @include govuk-media-query($from: desktop) {
248
257
  margin: 0;
249
258
  padding: govuk-spacing(1) 0;
250
259
  text-align: right;
251
260
  }
252
261
  }
253
262
 
254
- // The govuk-header__navigation--no-service-name class is deprecated and will
255
- // be removed in the next major release.
256
- .govuk-header__navigation--no-service-name {
257
- padding-top: govuk-spacing(7);
258
- }
259
-
260
263
  .govuk-header__navigation-item {
261
264
  padding: govuk-spacing(2) 0;
262
265
  border-bottom: 1px solid $govuk-header-nav-item-border-color;
263
266
 
264
- @include govuk-media-query ($from: desktop) {
267
+ @include govuk-media-query($from: desktop) {
265
268
  display: inline-block;
266
269
  margin-right: govuk-spacing(3);
267
270
  padding: govuk-spacing(1) 0;
@@ -269,7 +272,8 @@
269
272
  }
270
273
 
271
274
  a {
272
- @include govuk-font($size: 16, $weight: bold);
275
+ @include govuk-typography-responsive($size: 16);
276
+ @include govuk-typography-weight-bold;
273
277
  white-space: nowrap;
274
278
  }
275
279
  }
@@ -308,11 +312,6 @@
308
312
  background: transparent;
309
313
  }
310
314
 
311
- // Hide the inverted crown when printing in browsers that don't support SVG.
312
- .govuk-header__logotype-crown-fallback-image {
313
- display: none;
314
- }
315
-
316
315
  .govuk-header__link {
317
316
  &:link,
318
317
  &:visited {
@@ -320,30 +319,11 @@
320
319
  }
321
320
 
322
321
  // Do not append link href to GOV.UK link when printing (e.g. '(/)')
323
- &:after {
322
+ &::after {
324
323
  display: none;
325
324
  }
326
325
  }
327
326
  }
328
-
329
- @if $govuk-use-legacy-font {
330
- // Begin adjustments for font baseline offset
331
- // These should be removed when the font is updated with the correct baseline
332
- .govuk-header__logotype-crown,
333
- .govuk-header__logotype-crown-fallback-image {
334
- position: relative;
335
- top: -4px;
336
- vertical-align: middle;
337
- }
338
-
339
- .govuk-header {
340
- $offset: 3px;
341
- padding-top: $offset;
342
- }
343
-
344
- .govuk-header__link--homepage {
345
- line-height: 30px;
346
- }
347
- // End adjustments
348
- }
349
327
  }
328
+
329
+ /*# sourceMappingURL=_index.scss.map */
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_hint.scss.map */
@@ -31,6 +31,7 @@
31
31
  // This adjustment will not work in browsers that do not support :not().
32
32
  // Users with these browsers will see the default size margin (5px larger).
33
33
 
34
+ // prettier-ignore
34
35
  .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {
35
36
  margin-bottom: govuk-spacing(2);
36
37
  }
@@ -40,3 +41,5 @@
40
41
  margin-top: govuk-spacing(-1);
41
42
  }
42
43
  }
44
+
45
+ /*# sourceMappingURL=_index.scss.map */
@@ -8,12 +8,8 @@
8
8
 
9
9
  box-sizing: border-box;
10
10
  width: 100%;
11
- height: 40px;
12
- @if $govuk-typography-use-rem {
13
- height: govuk-px-to-rem(40px);
14
- }
11
+ height: govuk-px-to-rem(40px);
15
12
  margin-top: 0;
16
-
17
13
  padding: govuk-spacing(1);
18
14
  // setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)
19
15
  // as background-color and color need to always be set together, color should not be set either
@@ -33,16 +29,10 @@
33
29
  // it will change the element size. Also, `outline` cannot be utilised
34
30
  // here as it is already used for the yellow focus state.
35
31
  box-shadow: inset 0 0 0 $govuk-border-width-form-element;
36
-
37
- @include _govuk-if-ie8 {
38
- // IE8 doesn't support `box-shadow` so double the border with
39
- // `border-width`.
40
- border-width: $govuk-border-width-form-element * 2;
41
- }
42
32
  }
43
33
 
44
34
  &:disabled {
45
- opacity: .5;
35
+ opacity: 0.5;
46
36
  color: inherit;
47
37
  background-color: transparent;
48
38
  cursor: not-allowed;
@@ -69,7 +59,7 @@
69
59
 
70
60
  .govuk-input--extra-letter-spacing {
71
61
  @include govuk-font(false, $tabular: true);
72
- letter-spacing: .05em;
62
+ letter-spacing: 0.05em;
73
63
  }
74
64
 
75
65
  // em measurements are based on the point size of the typeface
@@ -104,12 +94,10 @@
104
94
  }
105
95
 
106
96
  .govuk-input__wrapper {
107
- display: -ms-flexbox;
108
97
  display: flex;
109
98
 
110
99
  .govuk-input {
111
- -ms-flex: 0 1 auto;
112
- flex: 0 1 auto;
100
+ flex: 0 1 auto;
113
101
  }
114
102
 
115
103
  .govuk-input:focus {
@@ -134,18 +122,11 @@
134
122
 
135
123
  box-sizing: border-box;
136
124
  display: inline-block;
137
- min-width: 40px;
138
- @if $govuk-typography-use-rem {
139
- min-width: govuk-px-to-rem(40px);
140
- }
141
- height: 40px;
142
- @if $govuk-typography-use-rem {
143
- height: govuk-px-to-rem(40px);
144
- }
145
-
125
+ min-width: govuk-px-to-rem(40px);
126
+ height: govuk-px-to-rem(40px);
146
127
  padding: govuk-spacing(1);
147
128
  border: $govuk-border-width-form-element solid $govuk-input-border-colour;
148
- background-color: govuk-colour("light-grey", $legacy: "grey-3");
129
+ background-color: govuk-colour("light-grey");
149
130
 
150
131
  text-align: center;
151
132
  @include govuk-media-query($until: tablet) {
@@ -156,9 +137,7 @@
156
137
  // Emphasise non-editable status of prefixes and suffixes
157
138
  cursor: default;
158
139
 
159
- -ms-flex: 0 0 auto;
160
-
161
- flex: 0 0 auto;
140
+ flex: 0 0 auto;
162
141
 
163
142
  // Split prefix/suffix onto separate lines on narrow screens
164
143
  @include govuk-media-query($until: mobile) {
@@ -173,9 +152,7 @@
173
152
  border-bottom: 0;
174
153
  }
175
154
  @include govuk-media-query($from: mobile) {
176
- @include _govuk-not-ie8 {
177
- border-right: 0;
178
- }
155
+ border-right: 0;
179
156
  }
180
157
  }
181
158
 
@@ -185,9 +162,9 @@
185
162
  border-top: 0;
186
163
  }
187
164
  @include govuk-media-query($from: mobile) {
188
- @include _govuk-not-ie8 {
189
- border-left: 0;
190
- }
165
+ border-left: 0;
191
166
  }
192
167
  }
193
168
  }
169
+
170
+ /*# sourceMappingURL=_index.scss.map */
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_input.scss.map */
@@ -22,3 +22,5 @@
22
22
  }
23
23
  }
24
24
  }
25
+
26
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_inset-text.scss.map */
@@ -9,24 +9,27 @@
9
9
  }
10
10
 
11
11
  // Modifiers that make labels look more like their equivalent headings
12
+ .govuk-label--xl,
13
+ .govuk-label--l,
14
+ .govuk-label--m {
15
+ @include govuk-typography-weight-bold;
16
+ margin-bottom: govuk-spacing(3);
17
+ }
12
18
 
13
19
  .govuk-label--xl {
14
- @include govuk-font($size: 48, $weight: bold);
15
- margin-bottom: govuk-spacing(3);
20
+ @include govuk-typography-responsive($size: 48);
16
21
  }
17
22
 
18
23
  .govuk-label--l {
19
- @include govuk-font($size: 36, $weight: bold);
20
- margin-bottom: govuk-spacing(3);
24
+ @include govuk-typography-responsive($size: 36);
21
25
  }
22
26
 
23
27
  .govuk-label--m {
24
- @include govuk-font($size: 24, $weight: bold);
25
- margin-bottom: govuk-spacing(2);
28
+ @include govuk-typography-responsive($size: 24);
26
29
  }
27
30
 
28
31
  .govuk-label--s {
29
- @include govuk-font($size: 19, $weight: bold);
32
+ @include govuk-typography-weight-bold;
30
33
  }
31
34
 
32
35
  // When the label is nested inside a heading, override the heading so that it
@@ -39,3 +42,5 @@
39
42
  margin: 0;
40
43
  }
41
44
  }
45
+
46
+ /*# sourceMappingURL=_index.scss.map */
@@ -1,2 +1,4 @@
1
1
  @import "../../base";
2
2
  @import "./index";
3
+
4
+ /*# sourceMappingURL=_label.scss.map */
@@ -24,12 +24,12 @@
24
24
  }
25
25
 
26
26
  .govuk-notification-banner__title {
27
- @include govuk-font($size: 19, $weight: bold);
28
-
27
+ // Set the size again because this element is a heading and the user agent
28
+ // font size overrides the inherited font size
29
+ @include govuk-typography-responsive($size: 19);
30
+ @include govuk-typography-weight-bold;
29
31
  margin: 0;
30
-
31
32
  padding: 0;
32
-
33
33
  color: govuk-colour("white");
34
34
  }
35
35
 
@@ -65,7 +65,8 @@
65
65
  }
66
66
 
67
67
  .govuk-notification-banner__heading {
68
- @include govuk-font($size: 24, $weight: bold);
68
+ @include govuk-typography-responsive($size: 24);
69
+ @include govuk-typography-weight-bold;
69
70
 
70
71
  margin: 0 0 govuk-spacing(3) 0;
71
72
 
@@ -87,3 +88,5 @@
87
88
  }
88
89
  }
89
90
  }
91
+
92
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_notification-banner.scss.map */