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
@@ -28,24 +28,14 @@
28
28
  }
29
29
 
30
30
  // Prepend left pointing chevron
31
- .govuk-back-link:before {
31
+ .govuk-back-link::before {
32
32
  content: "";
33
33
  display: block;
34
34
 
35
35
  // Vertically align with the parent element
36
36
  position: absolute;
37
-
38
- @if $govuk-use-legacy-font {
39
- // Begin adjustments for font baseline offset
40
- // These should be removed when legacy font support is dropped
41
- $offset: govuk-em(1px, $font-size);
42
- top: $offset * -1;
43
- bottom: $offset;
44
- } @else {
45
- top: 0;
46
- bottom: 0;
47
- }
48
-
37
+ top: 0;
38
+ bottom: 0;
49
39
  left: govuk-em(3px, $font-size);
50
40
 
51
41
  width: $chevron-size;
@@ -53,42 +43,26 @@
53
43
 
54
44
  margin: auto 0;
55
45
 
56
- -webkit-transform: rotate(225deg);
57
-
58
- -ms-transform: rotate(225deg);
59
-
60
- transform: rotate(225deg);
46
+ transform: rotate(225deg);
61
47
 
62
48
  border: solid;
63
49
  border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
64
50
  border-color: $chevron-border-colour;
65
51
 
66
52
  @supports (border-width: unquote("max(0px)")) {
67
- border-width: unquote("max(#{$chevron-border-min-width}, #{$chevron-border-width}) max(#{$chevron-border-min-width}, #{$chevron-border-width})") 0 0;
53
+ $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
68
54
 
69
55
  // Ensure that the chevron never gets smaller than 16px
56
+ border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
70
57
  font-size: unquote("max(#{$font-size * 1px}, 1em)");
71
58
  }
72
-
73
- // Fall back to a less than sign for IE8
74
- @include _govuk-if-ie8 {
75
- content: "\003c"; // Less than sign (<)
76
- width: auto;
77
- height: auto;
78
- border: 0;
79
- color: $chevron-border-colour;
80
-
81
- // IE8 doesn't seem to like rendering pseudo-elements using @font-faces,
82
- // so fall back to using another sans-serif font to render the chevron.
83
- font-family: Arial, sans-serif;
84
- }
85
59
  }
86
60
 
87
- .govuk-back-link:focus:before {
61
+ .govuk-back-link:focus::before {
88
62
  border-color: $govuk-focus-text-colour;
89
63
  }
90
64
 
91
- .govuk-back-link:after {
65
+ .govuk-back-link::after {
92
66
  content: "";
93
67
  position: absolute;
94
68
  top: -14px;
@@ -96,4 +70,14 @@
96
70
  bottom: -14px;
97
71
  left: 0;
98
72
  }
73
+
74
+ .govuk-back-link--inverse {
75
+ @include govuk-link-style-inverse;
76
+
77
+ &::before {
78
+ border-color: currentcolor;
79
+ }
80
+ }
99
81
  }
82
+
83
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_breadcrumbs.scss.map */
@@ -35,7 +35,6 @@
35
35
  }
36
36
 
37
37
  .govuk-breadcrumbs__list-item {
38
-
39
38
  display: inline-block;
40
39
  position: relative;
41
40
 
@@ -49,22 +48,13 @@
49
48
  float: left;
50
49
 
51
50
  // Create a chevron using a box with borders on two sides, rotated 45deg.
52
- &:before {
51
+ &::before {
53
52
  content: "";
54
53
  display: block;
55
54
 
56
55
  position: absolute;
57
-
58
- @if $govuk-use-legacy-font {
59
- // Begin adjustments for font baseline offset
60
- // These should be removed when legacy font support is dropped
61
- $offset: govuk-em(1px, $font-size);
62
- top: $offset * -1;
63
- bottom: $offset;
64
- } @else {
65
- top: 0;
66
- bottom: 0;
67
- }
56
+ top: 0;
57
+ bottom: 0;
68
58
 
69
59
  // Offset by the difference between the width of the non-rotated square
70
60
  // and its width when rotated
@@ -75,42 +65,26 @@
75
65
 
76
66
  margin: auto 0;
77
67
 
78
- -webkit-transform: rotate(45deg);
79
-
80
- -ms-transform: rotate(45deg);
81
-
82
- transform: rotate(45deg);
68
+ transform: rotate(45deg);
83
69
 
84
70
  border: solid;
85
71
  border-width: $chevron-border-min-width $chevron-border-min-width 0 0;
86
72
  border-color: $chevron-border-colour;
87
73
 
88
74
  @supports (border-width: unquote("max(0px)")) {
89
- border-width: unquote("max(#{$chevron-border-min-width}, #{$chevron-border-width}) max(#{$chevron-border-min-width}, #{$chevron-border-width})") 0 0;
75
+ $border-width-eval: "max(#{$chevron-border-min-width}, #{$chevron-border-width})";
90
76
 
91
77
  // Ensure that the chevron never gets smaller than 16px
78
+ border-width: unquote($border-width-eval) unquote($border-width-eval) 0 0;
92
79
  font-size: unquote("max(#{$font-size * 1px}, 1em)");
93
80
  }
94
-
95
- // Fall back to a greater than sign for IE8
96
- @include _govuk-if-ie8 {
97
- content: "\003e"; // Greater than sign (>)
98
- width: auto;
99
- height: auto;
100
- border: 0;
101
- color: $chevron-border-colour;
102
-
103
- // IE8 doesn't seem to like rendering pseudo-elements using @font-faces,
104
- // so fall back to using another sans-serif font to render the chevron.
105
- font-family: Arial, sans-serif;
106
- }
107
81
  }
108
82
 
109
83
  &:first-child {
110
84
  margin-left: 0;
111
85
  padding-left: 0;
112
86
 
113
- &:before {
87
+ &::before {
114
88
  content: none;
115
89
  display: none;
116
90
  }
@@ -132,16 +106,29 @@
132
106
  display: inline-block;
133
107
  }
134
108
 
135
- &:before {
109
+ &::before {
136
110
  top: govuk-em(6px, $font-size);
137
111
  margin: 0;
138
112
  }
139
113
  }
140
114
 
141
115
  .govuk-breadcrumbs__list {
142
- display: -ms-flexbox;
143
116
  display: flex;
144
117
  }
145
118
  }
146
119
  }
120
+
121
+ .govuk-breadcrumbs--inverse {
122
+ color: govuk-colour("white");
123
+
124
+ .govuk-breadcrumbs__link {
125
+ @include govuk-link-style-inverse;
126
+ }
127
+
128
+ .govuk-breadcrumbs__list-item::before {
129
+ border-color: currentcolor;
130
+ }
131
+ }
147
132
  }
133
+
134
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_button.scss.map */
@@ -7,7 +7,7 @@
7
7
  /// @type Colour
8
8
  /// @access public
9
9
 
10
- $govuk-button-background-colour: govuk-colour("green", $legacy: #00823b) !default;
10
+ $govuk-button-background-colour: govuk-colour("green") !default;
11
11
 
12
12
  /// Button component text colour
13
13
  ///
@@ -16,23 +16,43 @@ $govuk-button-background-colour: govuk-colour("green", $legacy: #00823b) !defaul
16
16
 
17
17
  $govuk-button-text-colour: govuk-colour("white") !default;
18
18
 
19
+ /// Inverted button component background colour
20
+ ///
21
+ /// @type Colour
22
+ /// @access public
23
+
24
+ $govuk-inverse-button-background-colour: govuk-colour("white") !default;
25
+
26
+ /// Inverted button component text colour
27
+ ///
28
+ /// @type Colour
29
+ /// @access public
30
+
31
+ $govuk-inverse-button-text-colour: $govuk-brand-colour !default;
32
+
19
33
  @include govuk-exports("govuk/component/button") {
20
34
  $govuk-button-colour: $govuk-button-background-colour;
35
+ $govuk-button-text-colour: $govuk-button-text-colour;
21
36
  $govuk-button-hover-colour: govuk-shade($govuk-button-colour, 20%);
22
37
  $govuk-button-shadow-colour: govuk-shade($govuk-button-colour, 60%);
23
- $govuk-button-text-colour: $govuk-button-text-colour;
24
38
 
25
39
  // Secondary button variables
26
- $govuk-secondary-button-colour: govuk-colour("light-grey", $legacy: "grey-3");
40
+ $govuk-secondary-button-colour: govuk-colour("light-grey");
41
+ $govuk-secondary-button-text-colour: govuk-colour("black");
27
42
  $govuk-secondary-button-hover-colour: govuk-shade($govuk-secondary-button-colour, 10%);
28
43
  $govuk-secondary-button-shadow-colour: govuk-shade($govuk-secondary-button-colour, 40%);
29
- $govuk-secondary-button-text-colour: govuk-colour("black");
30
44
 
31
45
  // Warning button variables
32
46
  $govuk-warning-button-colour: govuk-colour("red");
47
+ $govuk-warning-button-text-colour: govuk-colour("white");
33
48
  $govuk-warning-button-hover-colour: govuk-shade($govuk-warning-button-colour, 20%);
34
49
  $govuk-warning-button-shadow-colour: govuk-shade($govuk-warning-button-colour, 60%);
35
- $govuk-warning-button-text-colour: govuk-colour("white");
50
+
51
+ // Inverse button variables
52
+ $govuk-inverse-button-colour: $govuk-inverse-button-background-colour;
53
+ $govuk-inverse-button-text-colour: $govuk-inverse-button-text-colour;
54
+ $govuk-inverse-button-hover-colour: govuk-tint($govuk-inverse-button-text-colour, 90%);
55
+ $govuk-inverse-button-shadow-colour: govuk-shade($govuk-inverse-button-text-colour, 30%);
36
56
 
37
57
  // Because the shadow (s0) is visually 'part of' the button, we need to reduce
38
58
  // the height of the button to compensate by adjusting its padding (s1) and
@@ -50,7 +70,8 @@ $govuk-button-text-colour: govuk-colour("white") !default;
50
70
  margin-right: 0;
51
71
  margin-left: 0;
52
72
  @include govuk-responsive-margin(6, "bottom", $adjustment: $button-shadow-size); // s2
53
- padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2) (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
73
+ padding: (govuk-spacing(2) - $govuk-border-width-form-element) govuk-spacing(2)
74
+ (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2)); // s1
54
75
  border: $govuk-border-width-form-element solid transparent;
55
76
  border-radius: 0;
56
77
  color: $govuk-button-text-colour;
@@ -61,10 +82,6 @@ $govuk-button-text-colour: govuk-colour("white") !default;
61
82
  cursor: pointer;
62
83
  -webkit-appearance: none;
63
84
 
64
- @include _govuk-if-ie8 {
65
- border-bottom: $button-shadow-size solid $govuk-button-shadow-colour;
66
- }
67
-
68
85
  @include govuk-media-query($from: tablet) {
69
86
  width: auto;
70
87
  }
@@ -91,40 +108,14 @@ $govuk-button-text-colour: govuk-colour("white") !default;
91
108
  &:active {
92
109
  // Bump the button down so it looks like its being pressed in
93
110
  top: $button-shadow-size;
94
-
95
- @include _govuk-if-ie8 {
96
- border-bottom-width: 0;
97
- }
98
111
  }
99
112
 
100
113
  &:focus {
101
114
  border-color: $govuk-focus-colour;
102
- // When colours are overridden, for example when users have a dark mode,
103
- // backgrounds and box-shadows disappear, so we need to ensure there's a
104
- // transparent outline which will be set to a visible colour.
105
- // Since Internet Explorer 8 does not support box-shadow, we want to force the user-agent outlines
106
- @include _govuk-not-ie8 {
107
- outline: $govuk-focus-width solid transparent;
108
- }
109
- // Since Internet Explorer does not support `:not()` we set a clearer focus style to match user-agent outlines.
110
- @include _govuk-if-ie8 {
111
- color: $govuk-focus-text-colour;
112
- background-color: $govuk-focus-colour;
113
- }
115
+ outline: $govuk-focus-width solid transparent;
114
116
  box-shadow: inset 0 0 0 1px $govuk-focus-colour;
115
117
  }
116
118
 
117
- // alphagov/govuk_template includes a specific a:link:focus selector
118
- // designed to make unvisited links a slightly darker blue when focussed, so
119
- // we need to override the text colour for that combination of selectors so
120
- // so that unvisited links styled as buttons do not end up with dark blue
121
- // text when focussed.
122
- @include _govuk-compatibility(govuk_template) {
123
- &:link:focus {
124
- color: $govuk-button-text-colour;
125
- }
126
- }
127
-
128
119
  &:focus:not(:active):not(:hover) {
129
120
  border-color: $govuk-focus-colour;
130
121
  color: $govuk-focus-text-colour;
@@ -137,7 +128,7 @@ $govuk-button-text-colour: govuk-colour("white") !default;
137
128
 
138
129
  // Use a pseudo element to expand the click target area to include the
139
130
  // button's shadow as well, in case users try to click it.
140
- &:before {
131
+ &::before {
141
132
  content: "";
142
133
  display: block;
143
134
 
@@ -161,17 +152,13 @@ $govuk-button-text-colour: govuk-colour("white") !default;
161
152
  // the click event is still fired.
162
153
  //
163
154
  // 🎉
164
- &:active:before {
155
+ &:active::before {
165
156
  top: -($govuk-border-width-form-element + $button-shadow-size);
166
157
  }
167
158
  }
168
159
 
169
- // @deprecated Disabling buttons using the .govuk-button--disabled class is
170
- // deprecated and will be removed in the next major version.
171
- .govuk-button--disabled,
172
- .govuk-button[disabled="disabled"],
173
160
  .govuk-button[disabled] {
174
- opacity: (.5);
161
+ opacity: (0.5);
175
162
 
176
163
  &:hover {
177
164
  background-color: $govuk-button-colour;
@@ -181,9 +168,6 @@ $govuk-button-text-colour: govuk-colour("white") !default;
181
168
  &:active {
182
169
  top: 0;
183
170
  box-shadow: 0 $button-shadow-size 0 $govuk-button-shadow-colour; // s0
184
- @include _govuk-if-ie8 {
185
- border-bottom: $button-shadow-size solid $govuk-button-shadow-colour; // s0
186
- }
187
171
  }
188
172
  }
189
173
 
@@ -199,17 +183,6 @@ $govuk-button-text-colour: govuk-colour("white") !default;
199
183
  color: $govuk-secondary-button-text-colour;
200
184
  }
201
185
 
202
- // alphagov/govuk_template includes a specific a:link:focus selector
203
- // designed to make unvisited links a slightly darker blue when focussed, so
204
- // we need to override the text colour for that combination of selectors so
205
- // so that unvisited links styled as buttons do not end up with dark blue
206
- // text when focussed.
207
- @include _govuk-compatibility(govuk_template) {
208
- &:link:focus {
209
- color: $govuk-secondary-button-text-colour;
210
- }
211
- }
212
-
213
186
  &:hover {
214
187
  background-color: $govuk-secondary-button-hover-colour;
215
188
 
@@ -231,22 +204,32 @@ $govuk-button-text-colour: govuk-colour("white") !default;
231
204
  color: $govuk-warning-button-text-colour;
232
205
  }
233
206
 
234
- // alphagov/govuk_template includes a specific a:link:focus selector
235
- // designed to make unvisited links a slightly darker blue when focussed, so
236
- // we need to override the text colour for that combination of selectors so
237
- // so that unvisited links styled as buttons do not end up with dark blue
238
- // text when focussed.
239
- @include _govuk-compatibility(govuk_template) {
240
- &:link:focus {
241
- color: $govuk-warning-button-text-colour;
207
+ &:hover {
208
+ background-color: $govuk-warning-button-hover-colour;
209
+
210
+ &[disabled] {
211
+ background-color: $govuk-warning-button-colour;
242
212
  }
243
213
  }
214
+ }
215
+
216
+ .govuk-button--inverse {
217
+ background-color: $govuk-inverse-button-colour;
218
+ box-shadow: 0 $button-shadow-size 0 $govuk-inverse-button-shadow-colour;
244
219
 
220
+ &,
221
+ &:link,
222
+ &:visited,
223
+ &:active,
245
224
  &:hover {
246
- background-color: $govuk-warning-button-hover-colour;
225
+ color: $govuk-inverse-button-text-colour;
226
+ }
227
+
228
+ &:hover {
229
+ background-color: $govuk-inverse-button-hover-colour;
247
230
 
248
231
  &[disabled] {
249
- background-color: $govuk-warning-button-colour;
232
+ background-color: $govuk-inverse-button-colour;
250
233
  }
251
234
  }
252
235
  }
@@ -255,14 +238,10 @@ $govuk-button-text-colour: govuk-colour("white") !default;
255
238
  @include govuk-typography-weight-bold;
256
239
  @include govuk-typography-responsive($size: 24, $override-line-height: 1);
257
240
 
258
- display: -ms-inline-flexbox;
259
-
260
241
  display: inline-flex;
261
242
  min-height: auto;
262
243
 
263
- -ms-flex-pack: center;
264
-
265
- justify-content: center;
244
+ justify-content: center;
266
245
  }
267
246
 
268
247
  .govuk-button__start-icon {
@@ -272,26 +251,12 @@ $govuk-button-text-colour: govuk-colour("white") !default;
272
251
  margin-left: govuk-spacing(2);
273
252
  }
274
253
  vertical-align: middle;
275
- -ms-flex-negative: 0;
276
- flex-shrink: 0;
277
- -ms-flex-item-align: center;
278
- align-self: center;
254
+ flex-shrink: 0;
255
+ align-self: center;
279
256
  // Work around SVGs not inheriting color from parent in forced color mode
280
257
  // (https://github.com/w3c/csswg-drafts/issues/6310)
281
258
  forced-color-adjust: auto;
282
259
  }
283
-
284
- @if $govuk-use-legacy-font {
285
- // Begin adjustments for font baseline offset when using v1 of nta
286
- $offset: 2;
287
-
288
- .govuk-button {
289
- padding-top: (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2) + $offset); // s1
290
- padding-bottom: (govuk-spacing(2) - $govuk-border-width-form-element - ($button-shadow-size / 2) - $offset + 1); // s1
291
- }
292
-
293
- .govuk-button__start-icon {
294
- margin-top: -3px;
295
- }
296
- }
297
260
  }
261
+
262
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_character-count.scss.map */
@@ -18,7 +18,7 @@
18
18
  margin-top: 0;
19
19
  margin-bottom: 0;
20
20
 
21
- &:after {
21
+ &::after {
22
22
  // Zero-width space that will reserve vertical space when no hint is provided
23
23
  // as:
24
24
  // - setting a min-height is not possible without a magic number
@@ -32,3 +32,5 @@
32
32
  visibility: hidden;
33
33
  }
34
34
  }
35
+
36
+ /*# sourceMappingURL=_index.scss.map */
@@ -0,0 +1,4 @@
1
+ @import "../../base";
2
+ @import "./index";
3
+
4
+ /*# sourceMappingURL=_checkboxes.scss.map */