govuk_publishing_components 21.52.1 → 21.55.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (131) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/govuk_publishing_components/action-link--nhs.png +0 -0
  3. data/app/assets/images/govuk_publishing_components/action-link--nhs.svg +1 -0
  4. data/app/assets/images/govuk_publishing_components/action-link-arrow--dark.png +0 -0
  5. data/app/assets/images/govuk_publishing_components/action-link-arrow--simple.png +0 -0
  6. data/app/assets/images/govuk_publishing_components/action-link-arrow.png +0 -0
  7. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +38 -7
  8. data/app/assets/stylesheets/govuk_publishing_components/components/_back-link.scss +0 -38
  9. data/app/controllers/govuk_publishing_components/component_guide_controller.rb +34 -22
  10. data/app/views/govuk_publishing_components/components/_action_link.html.erb +23 -3
  11. data/app/views/govuk_publishing_components/components/_contextual_breadcrumbs.html.erb +5 -36
  12. data/app/views/govuk_publishing_components/components/_step_by_step_nav_header.html.erb +28 -8
  13. data/app/views/govuk_publishing_components/components/docs/action_link.yml +43 -15
  14. data/app/views/govuk_publishing_components/components/docs/step_by_step_nav_header.yml +23 -0
  15. data/lib/govuk_publishing_components.rb +1 -0
  16. data/lib/govuk_publishing_components/presenters/breadcrumb_selector.rb +107 -0
  17. data/lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_priority.rb +14 -1
  18. data/lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_taxons.rb +1 -3
  19. data/lib/govuk_publishing_components/presenters/contextual_navigation.rb +40 -19
  20. data/lib/govuk_publishing_components/presenters/machine_readable/faq_page_schema.rb +7 -6
  21. data/lib/govuk_publishing_components/presenters/machine_readable/html_publication_schema.rb +77 -0
  22. data/lib/govuk_publishing_components/presenters/schema_org.rb +24 -16
  23. data/lib/govuk_publishing_components/version.rb +1 -1
  24. data/node_modules/axe-core/CHANGELOG.md +6 -0
  25. data/node_modules/axe-core/axe.js +19 -3
  26. data/node_modules/axe-core/axe.min.js +2 -2
  27. data/node_modules/axe-core/bower.json +1 -1
  28. data/node_modules/axe-core/lib/commons/dom/get-element-stack.js +27 -1
  29. data/node_modules/axe-core/package.json +23 -23
  30. data/node_modules/axe-core/sri-history.json +4 -0
  31. data/node_modules/govuk-frontend/README.md +6 -6
  32. data/node_modules/govuk-frontend/govuk/_base.scss +3 -0
  33. data/node_modules/govuk-frontend/govuk/all.js +1 -1
  34. data/node_modules/govuk-frontend/govuk/all.scss +1 -3
  35. data/node_modules/govuk-frontend/govuk/components/_all.scss +31 -29
  36. data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -208
  37. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +207 -0
  38. data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +1 -1
  39. data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -65
  40. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +112 -0
  41. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -118
  42. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +138 -0
  43. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/macro-options.json +6 -0
  44. data/node_modules/govuk-frontend/govuk/components/breadcrumbs/template.njk +12 -1
  45. data/node_modules/govuk-frontend/govuk/components/button/_button.scss +2 -284
  46. data/node_modules/govuk-frontend/govuk/components/button/_index.scss +280 -0
  47. data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -31
  48. data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +28 -0
  49. data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -308
  50. data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +304 -0
  51. data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -30
  52. data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss +26 -0
  53. data/node_modules/govuk-frontend/govuk/components/details/_details.scss +2 -88
  54. data/node_modules/govuk-frontend/govuk/components/details/_index.scss +84 -0
  55. data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -15
  56. data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss +11 -0
  57. data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -59
  58. data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss +55 -0
  59. data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -68
  60. data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss +64 -0
  61. data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -81
  62. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +77 -0
  63. data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss +2 -244
  64. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +238 -0
  65. data/node_modules/govuk-frontend/govuk/components/header/_header.scss +2 -318
  66. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +312 -0
  67. data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +7 -1
  68. data/node_modules/govuk-frontend/govuk/components/header/template.njk +2 -2
  69. data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss +2 -50
  70. data/node_modules/govuk-frontend/govuk/components/hint/_index.scss +46 -0
  71. data/node_modules/govuk-frontend/govuk/components/input/_index.scss +99 -0
  72. data/node_modules/govuk-frontend/govuk/components/input/_input.scss +2 -103
  73. data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss +24 -0
  74. data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -28
  75. data/node_modules/govuk-frontend/govuk/components/label/_index.scss +41 -0
  76. data/node_modules/govuk-frontend/govuk/components/label/_label.scss +2 -45
  77. data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +40 -0
  78. data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss +2 -44
  79. data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +27 -0
  80. data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -31
  81. data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +342 -0
  82. data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss +2 -346
  83. data/node_modules/govuk-frontend/govuk/components/select/_index.scss +53 -0
  84. data/node_modules/govuk-frontend/govuk/components/select/_select.scss +2 -57
  85. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +33 -0
  86. data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -37
  87. data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +153 -0
  88. data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -157
  89. data/node_modules/govuk-frontend/govuk/components/table/_index.scss +50 -0
  90. data/node_modules/govuk-frontend/govuk/components/table/_table.scss +2 -54
  91. data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +138 -0
  92. data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -142
  93. data/node_modules/govuk-frontend/govuk/components/tag/_index.scss +87 -0
  94. data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss +2 -91
  95. data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss +51 -0
  96. data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -55
  97. data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +56 -0
  98. data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -60
  99. data/node_modules/govuk-frontend/govuk/core/_global-styles.scss +5 -3
  100. data/node_modules/govuk-frontend/govuk/core/_links.scss +5 -3
  101. data/node_modules/govuk-frontend/govuk/core/_lists.scss +17 -3
  102. data/node_modules/govuk-frontend/govuk/core/_section-break.scss +5 -3
  103. data/node_modules/govuk-frontend/govuk/core/_template.scss +5 -3
  104. data/node_modules/govuk-frontend/govuk/core/_typography.scss +5 -3
  105. data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss +1 -1
  106. data/node_modules/govuk-frontend/govuk/helpers/_focused.scss +1 -1
  107. data/node_modules/govuk-frontend/govuk/helpers/_grid.scss +2 -1
  108. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +1 -1
  109. data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss +1 -1
  110. data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss +1 -1
  111. data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +1 -1
  112. data/node_modules/govuk-frontend/govuk/helpers/_typography.scss +1 -1
  113. data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss +1 -1
  114. data/node_modules/govuk-frontend/govuk/objects/_form-group.scss +1 -3
  115. data/node_modules/govuk-frontend/govuk/objects/_grid.scss +1 -3
  116. data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss +5 -3
  117. data/node_modules/govuk-frontend/govuk/objects/_width-container.scss +2 -4
  118. data/node_modules/govuk-frontend/govuk/overrides/_display.scss +5 -3
  119. data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss +5 -3
  120. data/node_modules/govuk-frontend/govuk/overrides/_typography.scss +5 -3
  121. data/node_modules/govuk-frontend/govuk/overrides/_width.scss +5 -3
  122. data/node_modules/govuk-frontend/govuk/settings/_ie8.scss +1 -1
  123. data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +1 -1
  124. data/node_modules/govuk-frontend/govuk/tools/_font-url.scss +1 -1
  125. data/node_modules/govuk-frontend/govuk/tools/_ie8.scss +1 -1
  126. data/node_modules/govuk-frontend/govuk/tools/_image-url.scss +1 -1
  127. data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss +1 -1
  128. data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss +1 -1
  129. data/node_modules/govuk-frontend/package.json +23 -23
  130. data/node_modules/jquery/package.json +2 -2
  131. metadata +50 -2
@@ -0,0 +1,138 @@
1
+ @include govuk-exports("govuk/component/tabs") {
2
+
3
+ .govuk-tabs {
4
+ @include govuk-responsive-margin(1, "top");
5
+ @include govuk-responsive-margin(6, "bottom");
6
+ }
7
+
8
+ .govuk-tabs__title {
9
+ @include govuk-font($size: 19);
10
+ @include govuk-text-colour;
11
+ margin-bottom: govuk-spacing(2);
12
+ }
13
+
14
+ .govuk-tabs__list {
15
+ margin: 0;
16
+ padding: 0;
17
+ list-style: none;
18
+ @include govuk-responsive-margin(6, "bottom");
19
+ }
20
+
21
+ .govuk-tabs__list-item {
22
+ @include govuk-font($size: 19);
23
+ margin-left: govuk-spacing(5);
24
+
25
+ &::before {
26
+ @include govuk-text-colour;
27
+ content: "\2014 "; // "— "
28
+ margin-left: - govuk-spacing(5);
29
+ padding-right: govuk-spacing(1);
30
+ }
31
+ }
32
+
33
+ .govuk-tabs__tab {
34
+ @include govuk-link-style-default;
35
+
36
+ display: inline-block;
37
+ margin-bottom: govuk-spacing(2);
38
+
39
+ // Focus state for mobile and when JavaScript is disabled
40
+ // It is removed for JS-enabled desktop styles
41
+ &:focus {
42
+ @include govuk-focused-text;
43
+ }
44
+ }
45
+
46
+ .govuk-tabs__panel {
47
+ @include govuk-responsive-margin(8, "bottom");
48
+ }
49
+
50
+ // JavaScript enabled
51
+ .js-enabled {
52
+
53
+ @include govuk-media-query($from: tablet) {
54
+
55
+ .govuk-tabs__list {
56
+ @include govuk-clearfix;
57
+ margin-bottom: 0;
58
+ border-bottom: 1px solid $govuk-border-colour;
59
+ }
60
+
61
+ .govuk-tabs__title {
62
+ display: none;
63
+ }
64
+
65
+ .govuk-tabs__list-item {
66
+ position: relative;
67
+
68
+ margin-right: govuk-spacing(1);
69
+ margin-bottom: 0;
70
+ margin-left: 0;
71
+ padding: govuk-spacing(2) govuk-spacing(4);
72
+
73
+ float: left;
74
+ background-color: govuk-colour("light-grey", $legacy: "grey-4");
75
+ text-align: center;
76
+
77
+ &::before {
78
+ content: none;
79
+ }
80
+ }
81
+
82
+ .govuk-tabs__list-item--selected {
83
+ $border-width: 1px;
84
+
85
+ position: relative;
86
+
87
+ margin-top: - govuk-spacing(1);
88
+
89
+ // Compensation for border (otherwise we get a shift)
90
+ margin-bottom: -$border-width;
91
+ padding-top: govuk-spacing(3) - $border-width;
92
+ padding-right: govuk-spacing(4) - $border-width;
93
+ padding-bottom: govuk-spacing(3) + $border-width;
94
+ padding-left: govuk-spacing(4) - $border-width;
95
+
96
+ border: $border-width solid $govuk-border-colour;
97
+ border-bottom: 0;
98
+
99
+ background-color: $govuk-body-background-colour;
100
+
101
+ .govuk-tabs__tab {
102
+ text-decoration: none;
103
+ }
104
+ }
105
+
106
+ .govuk-tabs__tab {
107
+ @include govuk-link-style-text;
108
+
109
+ margin-bottom: 0;
110
+
111
+ &::after {
112
+ content: "";
113
+ position: absolute;
114
+ top: 0;
115
+ right: 0;
116
+ bottom: 0;
117
+ left: 0;
118
+ }
119
+ }
120
+
121
+ .govuk-tabs__panel {
122
+ @include govuk-responsive-margin(0, "bottom");
123
+ padding: govuk-spacing(6) govuk-spacing(4);
124
+ border: 1px solid $govuk-border-colour;
125
+ border-top: 0;
126
+
127
+ & > :last-child {
128
+ margin-bottom: 0;
129
+ }
130
+ }
131
+
132
+ .govuk-tabs__panel--hidden {
133
+ display: none;
134
+ }
135
+ }
136
+
137
+ }
138
+ }
@@ -1,142 +1,2 @@
1
- @import "../../settings/all";
2
- @import "../../tools/all";
3
- @import "../../helpers/all";
4
-
5
- @include govuk-exports("govuk/component/tabs") {
6
-
7
- .govuk-tabs {
8
- @include govuk-responsive-margin(1, "top");
9
- @include govuk-responsive-margin(6, "bottom");
10
- }
11
-
12
- .govuk-tabs__title {
13
- @include govuk-font($size: 19);
14
- @include govuk-text-colour;
15
- margin-bottom: govuk-spacing(2);
16
- }
17
-
18
- .govuk-tabs__list {
19
- margin: 0;
20
- padding: 0;
21
- list-style: none;
22
- @include govuk-responsive-margin(6, "bottom");
23
- }
24
-
25
- .govuk-tabs__list-item {
26
- @include govuk-font($size: 19);
27
- margin-left: govuk-spacing(5);
28
-
29
- &::before {
30
- @include govuk-text-colour;
31
- content: "\2014 "; // "— "
32
- margin-left: - govuk-spacing(5);
33
- padding-right: govuk-spacing(1);
34
- }
35
- }
36
-
37
- .govuk-tabs__tab {
38
- @include govuk-link-style-default;
39
-
40
- display: inline-block;
41
- margin-bottom: govuk-spacing(2);
42
-
43
- // Focus state for mobile and when JavaScript is disabled
44
- // It is removed for JS-enabled desktop styles
45
- &:focus {
46
- @include govuk-focused-text;
47
- }
48
- }
49
-
50
- .govuk-tabs__panel {
51
- @include govuk-responsive-margin(8, "bottom");
52
- }
53
-
54
- // JavaScript enabled
55
- .js-enabled {
56
-
57
- @include govuk-media-query($from: tablet) {
58
-
59
- .govuk-tabs__list {
60
- @include govuk-clearfix;
61
- margin-bottom: 0;
62
- border-bottom: 1px solid $govuk-border-colour;
63
- }
64
-
65
- .govuk-tabs__title {
66
- display: none;
67
- }
68
-
69
- .govuk-tabs__list-item {
70
- position: relative;
71
-
72
- margin-right: govuk-spacing(1);
73
- margin-bottom: 0;
74
- margin-left: 0;
75
- padding: govuk-spacing(2) govuk-spacing(4);
76
-
77
- float: left;
78
- background-color: govuk-colour("light-grey", $legacy: "grey-4");
79
- text-align: center;
80
-
81
- &::before {
82
- content: none;
83
- }
84
- }
85
-
86
- .govuk-tabs__list-item--selected {
87
- $border-width: 1px;
88
-
89
- position: relative;
90
-
91
- margin-top: - govuk-spacing(1);
92
-
93
- // Compensation for border (otherwise we get a shift)
94
- margin-bottom: -$border-width;
95
- padding-top: govuk-spacing(3) - $border-width;
96
- padding-right: govuk-spacing(4) - $border-width;
97
- padding-bottom: govuk-spacing(3) + $border-width;
98
- padding-left: govuk-spacing(4) - $border-width;
99
-
100
- border: $border-width solid $govuk-border-colour;
101
- border-bottom: 0;
102
-
103
- background-color: $govuk-body-background-colour;
104
-
105
- .govuk-tabs__tab {
106
- text-decoration: none;
107
- }
108
- }
109
-
110
- .govuk-tabs__tab {
111
- @include govuk-link-style-text;
112
-
113
- margin-bottom: 0;
114
-
115
- &::after {
116
- content: "";
117
- position: absolute;
118
- top: 0;
119
- right: 0;
120
- bottom: 0;
121
- left: 0;
122
- }
123
- }
124
-
125
- .govuk-tabs__panel {
126
- @include govuk-responsive-margin(0, "bottom");
127
- padding: govuk-spacing(6) govuk-spacing(4);
128
- border: 1px solid $govuk-border-colour;
129
- border-top: 0;
130
-
131
- & > :last-child {
132
- margin-bottom: 0;
133
- }
134
- }
135
-
136
- .govuk-tabs__panel--hidden {
137
- display: none;
138
- }
139
- }
140
-
141
- }
142
- }
1
+ @import "../../base";
2
+ @import "./index";
@@ -0,0 +1,87 @@
1
+ @include govuk-exports("govuk/component/tag") {
2
+ .govuk-tag {
3
+
4
+ display: inline-block;
5
+
6
+ // When a user customises their colours often the background is removed,
7
+ // by adding a outline we ensure that the tag component still keeps it's meaning.
8
+ // https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
9
+ outline: 2px solid transparent;
10
+ outline-offset: -2px;
11
+
12
+ color: govuk-colour("white");
13
+ background-color: govuk-colour("blue");
14
+ letter-spacing: 1px;
15
+
16
+ text-decoration: none;
17
+ text-transform: uppercase;
18
+
19
+ @if $govuk-use-legacy-font {
20
+ // Since New Transport sits slightly higher than other common fonts.
21
+ // We use intentionally uneven padding to make it balanced, this can be
22
+ // removed using the version of the font that has a more common vertical spacing.
23
+ @include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
24
+ padding-top: 4px;
25
+ padding-right: 8px;
26
+ padding-bottom: 1px;
27
+ padding-left: 8px;
28
+ } @else {
29
+ @include govuk-font($size: 16, $weight: bold, $line-height: 1);
30
+ padding-top: 5px;
31
+ padding-right: 8px;
32
+ padding-bottom: 4px;
33
+ padding-left: 8px;
34
+ }
35
+ }
36
+
37
+ // Deprecated. We'll remove this class in a future release. Use `.govuk-tag--grey` instead.
38
+ .govuk-tag--inactive {
39
+ background-color: govuk-colour("dark-grey", $legacy: "grey-1");
40
+ }
41
+
42
+ .govuk-tag--grey {
43
+ color: govuk-shade(govuk-colour("dark-grey", $legacy: "grey-1"), 30);
44
+ background: govuk-tint(govuk-colour("dark-grey", $legacy: "grey-1"), 90);
45
+ }
46
+
47
+ .govuk-tag--purple {
48
+ color: govuk-shade(govuk-colour("purple"), 20);
49
+ background: govuk-tint(govuk-colour("purple"), 80);
50
+ }
51
+
52
+ .govuk-tag--turquoise {
53
+ color: govuk-shade(govuk-colour("turquoise"), 60);
54
+ background: govuk-tint(govuk-colour("turquoise"), 70);
55
+ }
56
+
57
+ .govuk-tag--blue {
58
+ color: govuk-shade(govuk-colour("blue"), 30);
59
+ background: govuk-tint(govuk-colour("blue"), 80);
60
+ }
61
+
62
+ .govuk-tag--yellow {
63
+ color: govuk-shade(govuk-colour("yellow"), 65);
64
+ background: govuk-tint(govuk-colour("yellow"), 75);
65
+ }
66
+
67
+ .govuk-tag--orange {
68
+ color: govuk-shade(govuk-colour("orange"), 55);
69
+ background: govuk-tint(govuk-colour("orange"), 70);
70
+ }
71
+
72
+ .govuk-tag--red {
73
+ color: govuk-shade(govuk-colour("red"), 30);
74
+ background: govuk-tint(govuk-colour("red"), 80);
75
+ }
76
+
77
+ .govuk-tag--pink {
78
+ color: govuk-shade(govuk-colour("pink"), 40);
79
+ background: govuk-tint(govuk-colour("pink"), 80);
80
+ }
81
+
82
+ .govuk-tag--green {
83
+ color: govuk-shade(govuk-colour("green"), 20);
84
+ background: govuk-tint(govuk-colour("green"), 80);
85
+ }
86
+
87
+ }
@@ -1,91 +1,2 @@
1
- @import "../../settings/all";
2
- @import "../../tools/all";
3
- @import "../../helpers/all";
4
-
5
- @include govuk-exports("govuk/component/tag") {
6
- .govuk-tag {
7
-
8
- display: inline-block;
9
-
10
- // When a user customises their colours often the background is removed,
11
- // by adding a outline we ensure that the tag component still keeps it's meaning.
12
- // https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
13
- outline: 2px solid transparent;
14
- outline-offset: -2px;
15
-
16
- color: govuk-colour("white");
17
- background-color: govuk-colour("blue");
18
- letter-spacing: 1px;
19
-
20
- text-decoration: none;
21
- text-transform: uppercase;
22
-
23
- @if $govuk-use-legacy-font {
24
- // Since New Transport sits slightly higher than other common fonts.
25
- // We use intentionally uneven padding to make it balanced, this can be
26
- // removed using the version of the font that has a more common vertical spacing.
27
- @include govuk-font($size: 16, $weight: bold, $line-height: 1.25);
28
- padding-top: 4px;
29
- padding-right: 8px;
30
- padding-bottom: 1px;
31
- padding-left: 8px;
32
- } @else {
33
- @include govuk-font($size: 16, $weight: bold, $line-height: 1);
34
- padding-top: 5px;
35
- padding-right: 8px;
36
- padding-bottom: 4px;
37
- padding-left: 8px;
38
- }
39
- }
40
-
41
- // Deprecated. We'll remove this class in a future release. Use `.govuk-tag--grey` instead.
42
- .govuk-tag--inactive {
43
- background-color: govuk-colour("dark-grey", $legacy: "grey-1");
44
- }
45
-
46
- .govuk-tag--grey {
47
- color: govuk-shade(govuk-colour("dark-grey", $legacy: "grey-1"), 30);
48
- background: govuk-tint(govuk-colour("dark-grey", $legacy: "grey-1"), 90);
49
- }
50
-
51
- .govuk-tag--purple {
52
- color: govuk-shade(govuk-colour("purple"), 20);
53
- background: govuk-tint(govuk-colour("purple"), 80);
54
- }
55
-
56
- .govuk-tag--turquoise {
57
- color: govuk-shade(govuk-colour("turquoise"), 60);
58
- background: govuk-tint(govuk-colour("turquoise"), 70);
59
- }
60
-
61
- .govuk-tag--blue {
62
- color: govuk-shade(govuk-colour("blue"), 30);
63
- background: govuk-tint(govuk-colour("blue"), 80);
64
- }
65
-
66
- .govuk-tag--yellow {
67
- color: govuk-shade(govuk-colour("yellow"), 65);
68
- background: govuk-tint(govuk-colour("yellow"), 75);
69
- }
70
-
71
- .govuk-tag--orange {
72
- color: govuk-shade(govuk-colour("orange"), 55);
73
- background: govuk-tint(govuk-colour("orange"), 70);
74
- }
75
-
76
- .govuk-tag--red {
77
- color: govuk-shade(govuk-colour("red"), 30);
78
- background: govuk-tint(govuk-colour("red"), 80);
79
- }
80
-
81
- .govuk-tag--pink {
82
- color: govuk-shade(govuk-colour("pink"), 40);
83
- background: govuk-tint(govuk-colour("pink"), 80);
84
- }
85
-
86
- .govuk-tag--green {
87
- color: govuk-shade(govuk-colour("green"), 20);
88
- background: govuk-tint(govuk-colour("green"), 80);
89
- }
90
-
91
- }
1
+ @import "../../base";
2
+ @import "./index";