@ministryofjustice/frontend 8.0.0 → 9.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/moj/all.bundle.js +1 -1
- package/moj/all.bundle.mjs +1 -1
- package/moj/all.bundle.mjs.map +1 -1
- package/moj/common/moj-frontend-version.mjs +1 -1
- package/moj/components/action-bar/_action-bar.scss +1 -1
- package/moj/components/action-bar/_action-bar.scss.map +1 -1
- package/moj/components/add-another/_add-another.scss +4 -4
- package/moj/components/add-another/_add-another.scss.map +1 -1
- package/moj/components/alert/_alert.scss +2 -2
- package/moj/components/alert/_alert.scss.map +1 -1
- package/moj/components/badge/_badge.scss +17 -7
- package/moj/components/badge/_badge.scss.map +1 -1
- package/moj/components/banner/_banner.scss +2 -2
- package/moj/components/banner/_banner.scss.map +1 -1
- package/moj/components/button-menu/_button-menu.scss +1 -1
- package/moj/components/button-menu/_button-menu.scss.map +1 -1
- package/moj/components/currency-input/_currency-input.scss +1 -1
- package/moj/components/currency-input/_currency-input.scss.map +1 -1
- package/moj/components/date-picker/_date-picker.scss +2 -1
- package/moj/components/date-picker/_date-picker.scss.map +1 -1
- package/moj/components/domain-specific/probation/footer/_footer.scss +2 -2
- package/moj/components/domain-specific/probation/footer/_footer.scss.map +1 -1
- package/moj/components/domain-specific/probation/header/_header.scss +11 -10
- package/moj/components/domain-specific/probation/header/_header.scss.map +1 -1
- package/moj/components/filter/_filter.scss +11 -11
- package/moj/components/filter/_filter.scss.map +1 -1
- package/moj/components/identity-bar/_identity-bar.scss +18 -6
- package/moj/components/identity-bar/_identity-bar.scss.map +1 -1
- package/moj/components/messages/_messages.scss +3 -3
- package/moj/components/messages/_messages.scss.map +1 -1
- package/moj/components/primary-navigation/_primary-navigation.scss +8 -7
- package/moj/components/primary-navigation/_primary-navigation.scss.map +1 -1
- package/moj/components/search-toggle/_search-toggle.scss +6 -6
- package/moj/components/search-toggle/_search-toggle.scss.map +1 -1
- package/moj/components/side-navigation/_side-navigation.scss +16 -16
- package/moj/components/side-navigation/_side-navigation.scss.map +1 -1
- package/moj/components/sortable-table/_sortable-table.scss +4 -4
- package/moj/components/sortable-table/_sortable-table.scss.map +1 -1
- package/moj/components/sub-navigation/_sub-navigation.scss +5 -5
- package/moj/components/sub-navigation/_sub-navigation.scss.map +1 -1
- package/moj/components/tag/_tag.scss +6 -6
- package/moj/components/tag/_tag.scss.map +1 -1
- package/moj/components/ticket-panel/_ticket-panel.scss +2 -2
- package/moj/components/ticket-panel/_ticket-panel.scss.map +1 -1
- package/moj/components/timeline/_timeline.scss +3 -3
- package/moj/components/timeline/_timeline.scss.map +1 -1
- package/moj/core/_moj-frontend-properties.scss +1 -1
- package/moj/core/_moj-frontend-properties.scss.map +1 -1
- package/moj/helpers/_links.scss +1 -1
- package/moj/helpers/_links.scss.map +1 -1
- package/moj/moj-frontend.min.css +1 -1
- package/moj/moj-frontend.min.css.map +1 -1
- package/moj/moj-frontend.min.js +1 -1
- package/moj/moj-frontend.min.js.map +1 -1
- package/moj/objects/_filter-layout.scss +1 -1
- package/moj/objects/_filter-layout.scss.map +1 -1
- package/moj/objects/_scrollable-pane.scss +4 -0
- package/moj/objects/_scrollable-pane.scss.map +1 -1
- package/moj/vendor/govuk-frontend/_base.scss +1 -5
- package/moj/vendor/govuk-frontend/_base.scss.map +1 -1
- package/package.json +2 -2
|
@@ -8,15 +8,23 @@
|
|
|
8
8
|
.moj-identity-bar {
|
|
9
9
|
@include govuk-clearfix;
|
|
10
10
|
padding-top: govuk-spacing(2);
|
|
11
|
-
padding-bottom: govuk-spacing(2) - 1px;
|
|
11
|
+
padding-bottom: govuk-spacing(2) - 1px;
|
|
12
|
+
|
|
13
|
+
/* Negative by 1px to compensate */
|
|
12
14
|
color: govuk-colour("black");
|
|
13
15
|
background-color: govuk-colour("white");
|
|
14
|
-
box-shadow: inset 0 -1px 0 0 govuk-colour("
|
|
16
|
+
box-shadow: inset 0 -1px 0 0 govuk-colour("black", $variant: "tint-80");
|
|
17
|
+
|
|
18
|
+
/* Takes up no space */
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
.moj-identity-bar__container {
|
|
18
|
-
font-size: 0;
|
|
19
|
-
|
|
22
|
+
font-size: 0;
|
|
23
|
+
|
|
24
|
+
/* Hide whitespace between elements */
|
|
25
|
+
text-align: justify;
|
|
26
|
+
|
|
27
|
+
/* Trick to remove the need for floats */
|
|
20
28
|
@include moj-width-container;
|
|
21
29
|
|
|
22
30
|
&::after {
|
|
@@ -39,8 +47,12 @@
|
|
|
39
47
|
|
|
40
48
|
@include govuk-media-query($from: tablet) {
|
|
41
49
|
display: inline-block;
|
|
42
|
-
padding-top: govuk-spacing(2) + 1px;
|
|
43
|
-
|
|
50
|
+
padding-top: govuk-spacing(2) + 1px;
|
|
51
|
+
|
|
52
|
+
/* Alignment tweaks */
|
|
53
|
+
padding-bottom: govuk-spacing(2) - 1px;
|
|
54
|
+
|
|
55
|
+
/* Alignment tweaks */
|
|
44
56
|
vertical-align: top;
|
|
45
57
|
}
|
|
46
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/identity-bar/_identity-bar.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;EACvB,6BAA6B;EAC7B,sCAAsC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/identity-bar/_identity-bar.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;EACvB,6BAA6B;EAC7B,sCAAsC;;EAEtC,kCAAkC;EAClC,4BAA4B;EAC5B,uCAAuC;EACvC,uEAAuE;;EAEvE,sBAAsB;AACxB;;AAEA;EACE,YAAY;;EAEZ,qCAAqC;EACrC,mBAAmB;;EAEnB,wCAAwC;EACxC,4BAA4B;;EAE5B;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;AACF;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;EAC9B,6BAA6B;EAC7B,gCAAgC;;EAEhC;IACE,qBAAqB;IACrB,mCAAmC;;IAEnC,qBAAqB;IACrB,sCAAsC;;IAEtC,qBAAqB;IACrB,mBAAmB;EACrB;AACF;;AAEA;EACE;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF;;AAEA;EACE,qBAAqB;EACrB,8BAA8B;;EAE9B;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_identity-bar.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #IDENTITY BAR\n ========================================================================== */\n\n.moj-identity-bar {\n @include govuk-clearfix;\n padding-top: govuk-spacing(2);\n padding-bottom: govuk-spacing(2) - 1px;\n\n /* Negative by 1px to compensate */\n color: govuk-colour(\"black\");\n background-color: govuk-colour(\"white\");\n box-shadow: inset 0 -1px 0 0 govuk-colour(\"black\", $variant: \"tint-80\");\n\n /* Takes up no space */\n}\n\n.moj-identity-bar__container {\n font-size: 0;\n\n /* Hide whitespace between elements */\n text-align: justify;\n\n /* Trick to remove the need for floats */\n @include moj-width-container;\n\n &::after {\n content: \"\";\n display: inline-block;\n width: 100%;\n }\n}\n\n.moj-identity-bar__title {\n display: inline-block;\n vertical-align: top;\n @include govuk-font(16);\n}\n\n.moj-identity-bar__details {\n margin-right: govuk-spacing(2);\n padding-top: govuk-spacing(1);\n padding-bottom: govuk-spacing(1);\n\n @include govuk-media-query($from: tablet) {\n display: inline-block;\n padding-top: govuk-spacing(2) + 1px;\n\n /* Alignment tweaks */\n padding-bottom: govuk-spacing(2) - 1px;\n\n /* Alignment tweaks */\n vertical-align: top;\n }\n}\n\n.moj-identity-bar__actions {\n @include govuk-media-query($from: tablet) {\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.moj-identity-bar__menu {\n display: inline-block;\n margin-right: govuk-spacing(2);\n\n &:last-child {\n margin-right: 0;\n }\n\n .moj-button-menu__toggle-button {\n margin-bottom: 0;\n }\n}\n"]}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
display: inline-block;
|
|
20
20
|
width: 100%;
|
|
21
21
|
padding: govuk-spacing(3) 0;
|
|
22
|
-
color: govuk-colour("
|
|
22
|
+
color: govuk-colour("black", $variant: "tint-25");
|
|
23
23
|
text-align: center;
|
|
24
24
|
@include govuk-font($size: 19, $weight: "bold");
|
|
25
25
|
}
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
margin-left: govuk-spacing(2);
|
|
60
60
|
padding-left: govuk-spacing(5);
|
|
61
61
|
float: left;
|
|
62
|
-
background-color: govuk-colour("
|
|
62
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
63
63
|
|
|
64
64
|
&::after {
|
|
65
65
|
content: "";
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
left: -1.5em;
|
|
69
69
|
width: 1.5em;
|
|
70
70
|
height: 1.5em;
|
|
71
|
-
border-right: 1em solid govuk-colour("
|
|
71
|
+
border-right: 1em solid govuk-colour("black", $variant: "tint-95");
|
|
72
72
|
border-bottom-right-radius: 1.75em 1.5em;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/messages/_messages.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,sCAAsC;EACtC,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;EACjB,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;;EAElB;IACE,qBAAqB;IACrB,WAAW;IACX,2BAA2B;IAC3B,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/messages/_messages.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,sCAAsC;EACtC,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;EACjB,yBAAyB;EACzB,kBAAkB;EAClB,kBAAkB;;EAElB;IACE,qBAAqB;IACrB,WAAW;IACX,2BAA2B;IAC3B,iDAAiD;IACjD,kBAAkB;IAClB,+CAA+C;EACjD;AACF;;AAEA;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,yBAAyB;EACzB,iCAAiC;;EAEjC;IACE,UAAU;EACZ;;EAEA;IACE,8BAA8B;IAC9B,+BAA+B;IAC/B,YAAY;IACZ,4BAA4B;IAC5B,qCAAqC;IACrC,iBAAiB;;IAEjB;MACE,WAAW;MACX,kBAAkB;MAClB,aAAa;MACb,SAAS;MACT,YAAY;MACZ,aAAa;MACb,0CAA0C;MAC1C,uCAAuC;IACzC;EACF;;EAEA;IACE,6BAA6B;IAC7B,8BAA8B;IAC9B,WAAW;IACX,4DAA4D;;IAE5D;MACE,WAAW;MACX,kBAAkB;MAClB,SAAS;MACT,YAAY;MACZ,YAAY;MACZ,aAAa;MACb,kEAAkE;MAClE,wCAAwC;IAC1C;EACF;AACF;;AAEA;;EAEE,4BAA4B;AAC9B;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE;IACE,4BAA4B;;IAE5B;;MAEE,8CAA8C;IAChD;EACF;AACF;;AAEA;EACE,4BAA4B;;EAE5B;IACE,+CAA+C;EACjD;;EAEA;IACE,+CAA+C;EACjD;AACF","file":"_messages.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #MESSAGES\n ========================================================================== */\n\n.moj-messages-container {\n border: 1px solid $govuk-border-colour;\n @include govuk-font(19);\n}\n\n.moj-message-list {\n min-height: 200px;\n padding: govuk-spacing(1);\n overflow-x: hidden;\n overflow-y: scroll;\n\n &__date {\n display: inline-block;\n width: 100%;\n padding: govuk-spacing(3) 0;\n color: govuk-colour(\"black\", $variant: \"tint-25\");\n text-align: center;\n @include govuk-font($size: 19, $weight: \"bold\");\n }\n}\n\n.moj-message-item {\n position: relative;\n margin-bottom: govuk-spacing(1);\n padding: govuk-spacing(3);\n border-radius: 0.5em 0.5em 0.75em;\n\n @include govuk-media-query($from: tablet) {\n width: 50%;\n }\n\n &--sent {\n margin-right: govuk-spacing(2);\n padding-right: govuk-spacing(5);\n float: right;\n color: govuk-colour(\"white\");\n background-color: $govuk-brand-colour;\n text-align: right;\n\n &::after {\n content: \"\";\n position: absolute;\n right: -1.5em;\n bottom: 0;\n width: 1.5em;\n height: 1.5em;\n border-left: 1em solid $govuk-brand-colour;\n border-bottom-left-radius: 1.75em 1.5em;\n }\n }\n\n &--received {\n margin-left: govuk-spacing(2);\n padding-left: govuk-spacing(5);\n float: left;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n &::after {\n content: \"\";\n position: absolute;\n bottom: 0;\n left: -1.5em;\n width: 1.5em;\n height: 1.5em;\n border-right: 1em solid govuk-colour(\"black\", $variant: \"tint-95\");\n border-bottom-right-radius: 1.75em 1.5em;\n }\n }\n}\n\n.moj-message-item a:link,\n.moj-message-item a:visited {\n color: govuk-colour(\"white\");\n}\n\n.moj-message-item a:focus {\n color: $govuk-focus-text-colour;\n}\n\n.moj-message-item__text {\n &--sent table {\n color: govuk-colour(\"white\");\n\n & th,\n & td {\n border-bottom: 1px solid govuk-colour(\"white\");\n }\n }\n}\n\n.moj-message-item__meta {\n margin-top: govuk-spacing(2);\n\n &--sender {\n @include govuk-font($size: 16, $weight: \"bold\");\n }\n\n &--timestamp {\n @include govuk-font($size: 16, $weight: \"bold\");\n }\n}\n"]}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
========================================================================== */
|
|
7
7
|
|
|
8
8
|
.moj-primary-navigation {
|
|
9
|
-
background-color: govuk-colour("
|
|
9
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.moj-primary-navigation__container {
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
|
|
24
24
|
.moj-primary-navigation__nav {
|
|
25
25
|
text-align: left;
|
|
26
|
+
|
|
26
27
|
@include govuk-media-query($from: desktop) {
|
|
27
28
|
display: inline-block;
|
|
28
29
|
vertical-align: middle;
|
|
@@ -64,11 +65,11 @@
|
|
|
64
65
|
|
|
65
66
|
&:link,
|
|
66
67
|
&:visited {
|
|
67
|
-
color:
|
|
68
|
+
color: govuk-functional-colour(link);
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
&:hover {
|
|
71
|
-
color:
|
|
72
|
+
color: govuk-functional-colour(link-hover);
|
|
72
73
|
}
|
|
73
74
|
|
|
74
75
|
&:focus {
|
|
@@ -91,7 +92,7 @@
|
|
|
91
92
|
|
|
92
93
|
&[aria-current] {
|
|
93
94
|
position: relative;
|
|
94
|
-
color:
|
|
95
|
+
color: govuk-functional-colour(link);
|
|
95
96
|
font-weight: bold;
|
|
96
97
|
text-decoration: none;
|
|
97
98
|
|
|
@@ -103,14 +104,14 @@
|
|
|
103
104
|
left: 0;
|
|
104
105
|
width: 100%;
|
|
105
106
|
height: 5px;
|
|
106
|
-
background-color:
|
|
107
|
+
background-color: govuk-functional-colour(link);
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
&:hover {
|
|
110
|
-
color:
|
|
111
|
+
color: govuk-functional-colour(link-hover);
|
|
111
112
|
|
|
112
113
|
&::before {
|
|
113
|
-
background-color:
|
|
114
|
+
background-color: govuk-functional-colour(link-hover);
|
|
114
115
|
}
|
|
115
116
|
}
|
|
116
117
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/primary-navigation/_primary-navigation.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/primary-navigation/_primary-navigation.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,4DAA4D;AAC9D;;AAEA;EACE,YAAY,EAAE,kCAAkC;EAChD,mBAAmB,EAAE,qCAAqC;EAC1D,4BAA4B;;EAE5B;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,8BAA8B;EAC9B,8BAA8B;;EAE9B;IACE,eAAe;EACjB;AACF;;AAEA;EACE,cAAc;EACd,iBAAiB;EACjB,oBAAoB;EACpB,iBAAiB;EACjB,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,oCAAoC;EACtC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,UAAU;IACV,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;IACX,uCAAuC;EACzC;;EAEA;IACE,kBAAkB;IAClB,oCAAoC;IACpC,iBAAiB;IACjB,qBAAqB;;IAErB;MACE,WAAW;MACX,cAAc;MACd,kBAAkB;MAClB,SAAS;MACT,OAAO;MACP,WAAW;MACX,WAAW;MACX,+CAA+C;IACjD;;IAEA;MACE,0CAA0C;;MAE1C;QACE,qDAAqD;MACvD;IACF;;IAEA;MACE,kBAAkB,EAAE,0CAA0C;MAC9D,YAAY;MACZ,4BAA4B,EAAE,gDAAgD;;MAE9E;QACE,uCAAuC;MACzC;IACF;EACF;AACF;;AAEA;EACE;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF","file":"_primary-navigation.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #PRIMARY NAVIGATION\n ========================================================================== */\n\n.moj-primary-navigation {\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n}\n\n.moj-primary-navigation__container {\n font-size: 0; // Hide whitespace between elements\n text-align: justify; // Trick to remove the need for floats\n @include moj-width-container;\n\n &::after {\n content: \"\";\n display: inline-block;\n width: 100%;\n }\n}\n\n.moj-primary-navigation__nav {\n text-align: left;\n\n @include govuk-media-query($from: desktop) {\n display: inline-block;\n vertical-align: middle;\n }\n}\n\n.moj-primary-navigation__list {\n margin: 0;\n padding: 0;\n font-size: 0; // Removes white space when using inline-block on child element.\n list-style: none;\n}\n\n.moj-primary-navigation__item {\n display: inline-block;\n margin-top: 0;\n margin-right: govuk-spacing(4);\n @include govuk-font($size: 19);\n\n &:last-child {\n margin-right: 0;\n }\n}\n\n.moj-primary-navigation__link {\n display: block;\n padding-top: 15px;\n padding-bottom: 15px;\n font-weight: bold;\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n }\n\n &:link,\n &:visited {\n color: govuk-functional-colour(link);\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n &:focus {\n position: relative; // Ensure focus sits above everything else.\n z-index: 1;\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n box-shadow: none;\n }\n\n &:focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background-color: govuk-colour(\"black\");\n }\n\n &[aria-current] {\n position: relative;\n color: govuk-functional-colour(link);\n font-weight: bold;\n text-decoration: none;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background-color: govuk-functional-colour(link);\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n\n &::before {\n background-color: govuk-functional-colour(link-hover);\n }\n }\n\n &:focus {\n position: relative; // Ensure focus sits above everything else.\n border: none;\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n\n &::before {\n background-color: govuk-colour(\"black\");\n }\n }\n }\n}\n\n.moj-primary-navigation__search {\n @include govuk-media-query($from: desktop) {\n display: inline-block;\n vertical-align: middle;\n }\n}\n"]}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
padding-bottom: 13px;
|
|
8
8
|
padding-left: 0;
|
|
9
9
|
border: none;
|
|
10
|
-
color:
|
|
10
|
+
color: govuk-functional-colour(link);
|
|
11
11
|
background-color: transparent;
|
|
12
12
|
cursor: pointer;
|
|
13
13
|
-webkit-font-smoothing: antialiased;
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
position: relative;
|
|
33
33
|
z-index: 1;
|
|
34
34
|
outline: none;
|
|
35
|
-
color:
|
|
36
|
-
background-color:
|
|
35
|
+
color: govuk-functional-colour(focus-text);
|
|
36
|
+
background-color: govuk-functional-colour(focus);
|
|
37
37
|
box-shadow:
|
|
38
|
-
0 -2px
|
|
39
|
-
0 4px
|
|
38
|
+
0 -2px govuk-functional-colour(focus),
|
|
39
|
+
0 4px govuk-functional-colour(focus-text);
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
.js-enabled .moj-search-toggle__search {
|
|
67
|
-
background-color: govuk-colour("
|
|
67
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
68
68
|
|
|
69
69
|
@include govuk-media-query($from: desktop) {
|
|
70
70
|
position: absolute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/search-toggle/_search-toggle.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,oBAAoB;EACpB,eAAe;EACf,YAAY;EACZ,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/search-toggle/_search-toggle.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,oBAAoB;EACpB,eAAe;EACf,YAAY;EACZ,oCAAoC;EACpC,6BAA6B;EAC7B,eAAe;EACf,mCAAmC;EACnC,wBAAwB;EACxB,gBAAgB;EAChB,6CAA6C;;EAE7C;IACE,qBAAqB;IACrB,WAAW;IACX,YAAY;IACZ,6BAA6B;IAC7B,kBAAkB;IAClB,sBAAsB;;IAEtB;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;IAClB,UAAU;IACV,aAAa;IACb,0CAA0C;IAC1C,gDAAgD;IAChD;;+CAE2C;EAC7C;AACF;;AAEA;EACE,yBAAyB;;EAEzB;IACE,sDAAsD;IACtD,2BAA2B;IAC3B,sDAAsD;IACtD,0BAA0B;EAC5B;AACF;;AAEA,YAAY;AACZ;EACE;IACE,sDAAsD;IACtD,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,4DAA4D;;EAE5D;IACE,kBAAkB;IAClB,WAAW;IACX,SAAS,EAAE,mBAAmB;IAC9B,YAAY;IACZ,YAAY;IACZ,gBAAgB;EAClB;AACF","file":"_search-toggle.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-search-toggle__button {\n display: inline-block;\n padding-top: 12px;\n padding-right: 0;\n padding-bottom: 13px;\n padding-left: 0;\n border: none;\n color: govuk-functional-colour(link);\n background-color: transparent;\n cursor: pointer;\n -webkit-font-smoothing: antialiased;\n -webkit-appearance: none;\n appearance: none;\n @include govuk-font($size: 19, $weight: bold);\n\n &__icon {\n display: inline-block;\n width: 20px;\n height: 20px;\n margin-left: govuk-spacing(2);\n fill: currentcolor;\n vertical-align: middle;\n\n @media screen and (forced-colors: active) {\n fill: windowText;\n }\n }\n\n &:focus {\n position: relative;\n z-index: 1;\n outline: none;\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n box-shadow:\n 0 -2px govuk-functional-colour(focus),\n 0 4px govuk-functional-colour(focus-text);\n }\n}\n\n.moj-search--toggle {\n padding: govuk-spacing(3);\n\n @include govuk-media-query($until: desktop) {\n // stylelint-disable-next-line declaration-no-important\n padding-right: 0 !important;\n // stylelint-disable-next-line declaration-no-important\n padding-left: 0 !important;\n }\n}\n\n// JS enabled\n.js-enabled .moj-search--toggle {\n @include govuk-media-query($until: desktop) {\n // stylelint-disable-next-line declaration-no-important\n padding-top: 0 !important;\n }\n}\n\n.js-enabled .moj-search-toggle {\n position: relative;\n}\n\n.js-enabled .moj-search-toggle__search {\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n @include govuk-media-query($from: desktop) {\n position: absolute;\n z-index: 10;\n top: 50px; // Height of nav bar\n right: -15px;\n width: 450px;\n max-width: 450px;\n }\n}\n"]}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
margin: 0;
|
|
23
23
|
padding: govuk-spacing(2);
|
|
24
24
|
padding-left: govuk-spacing(2) + 4px;
|
|
25
|
-
color: govuk-colour("
|
|
25
|
+
color: govuk-colour("black", $variant: "tint-25");
|
|
26
26
|
font-weight: normal;
|
|
27
27
|
@include govuk-font($size: 19);
|
|
28
28
|
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
a:link,
|
|
57
57
|
a:visited {
|
|
58
58
|
display: block;
|
|
59
|
-
color:
|
|
59
|
+
color: govuk-functional-colour(link);
|
|
60
60
|
background-color: inherit;
|
|
61
61
|
text-decoration: none;
|
|
62
62
|
|
|
@@ -74,45 +74,45 @@
|
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
a:hover {
|
|
77
|
-
color:
|
|
77
|
+
color: govuk-functional-colour(link-hover);
|
|
78
78
|
}
|
|
79
79
|
|
|
80
80
|
a:focus {
|
|
81
81
|
position: relative;
|
|
82
|
-
border-color:
|
|
83
|
-
color:
|
|
84
|
-
background-color:
|
|
82
|
+
border-color: govuk-functional-colour(focus-text);
|
|
83
|
+
color: govuk-functional-colour(focus-text);
|
|
84
|
+
background-color: govuk-functional-colour(focus);
|
|
85
85
|
}
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
.moj-side-navigation__item--active {
|
|
89
89
|
a:link,
|
|
90
90
|
a:visited {
|
|
91
|
-
border-color:
|
|
92
|
-
color:
|
|
91
|
+
border-color: govuk-functional-colour(link);
|
|
92
|
+
color: govuk-functional-colour(link);
|
|
93
93
|
font-weight: bold;
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
a:hover {
|
|
97
|
-
border-color:
|
|
98
|
-
color:
|
|
97
|
+
border-color: govuk-functional-colour(link-hover);
|
|
98
|
+
color: govuk-functional-colour(link-hover);
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
a:focus {
|
|
102
|
-
border-color:
|
|
103
|
-
color:
|
|
104
|
-
background-color:
|
|
102
|
+
border-color: govuk-functional-colour(focus-text);
|
|
103
|
+
color: govuk-functional-colour(focus-text);
|
|
104
|
+
background-color: govuk-functional-colour(focus);
|
|
105
105
|
}
|
|
106
106
|
|
|
107
107
|
@include govuk-media-query($from: tablet) {
|
|
108
108
|
a:link,
|
|
109
109
|
a:visited {
|
|
110
|
-
background-color: govuk-colour("
|
|
110
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
a:focus {
|
|
114
|
-
color:
|
|
115
|
-
background-color:
|
|
114
|
+
color: govuk-functional-colour(focus-text);
|
|
115
|
+
background-color: govuk-functional-colour(focus);
|
|
116
116
|
}
|
|
117
117
|
}
|
|
118
118
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,iDAAiD;EACjD,mBAAmB;EACnB,8BAA8B;;EAE9B;IACE,aAAa;EACf;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;;EAEhB;IACE,aAAa;IACb,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,+BAA+B;EACjC;AACF;;AAEA;EACE;IACE,aAAa;EACf;;EAEA;;;IAGE,cAAc;IACd,oCAAoC;IACpC,yBAAyB;IACzB,qBAAqB;;IAErB;MACE,yBAAyB;MACzB,sCAAsC,EAAE,2BAA2B;MACnE,oCAAoC;IACtC;;IAEA;MACE,yBAAyB;MACzB,kCAAkC;MAClC,yBAAyB;IAC3B;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB;IAClB,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;AACF;;AAEA;EACE;;IAEE,2CAA2C;IAC3C,oCAAoC;IACpC,iBAAiB;EACnB;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;EAC5C;;EAEA;IACE,iDAAiD;IACjD,0CAA0C;IAC1C,gDAAgD;EAClD;;EAEA;IACE;;MAEE,4DAA4D;IAC9D;;IAEA;MACE,0CAA0C;MAC1C,gDAAgD;IAClD;EACF;AACF","file":"_side-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #SIDE NAVIGATION\n ========================================================================== */\n\n.moj-side-navigation {\n @include govuk-font(16);\n\n @include govuk-media-query($until: tablet) {\n display: flex;\n overflow-x: scroll;\n }\n\n @include govuk-media-query($from: tablet) {\n display: block;\n padding: govuk-spacing(4) 0 0;\n }\n}\n\n.moj-side-navigation__title {\n margin: 0;\n padding: govuk-spacing(2);\n padding-left: govuk-spacing(2) + 4px;\n color: govuk-colour(\"black\", $variant: \"tint-25\");\n font-weight: normal;\n @include govuk-font($size: 19);\n\n @include govuk-media-query($until: tablet) {\n display: none;\n }\n}\n\n.moj-side-navigation__list {\n margin: 0;\n padding: 0;\n list-style: none;\n\n @include govuk-media-query($until: tablet) {\n display: flex;\n margin: 0;\n white-space: nowrap;\n }\n\n @include govuk-media-query($from: tablet) {\n margin-bottom: govuk-spacing(4);\n }\n}\n\n.moj-side-navigation__item {\n @include govuk-media-query($until: tablet) {\n display: flex;\n }\n\n a,\n a:link,\n a:visited {\n display: block;\n color: govuk-functional-colour(link);\n background-color: inherit;\n text-decoration: none;\n\n @include govuk-media-query($until: tablet) {\n padding: govuk-spacing(3);\n padding-bottom: govuk-spacing(3) - 4px; // Compensate for 4px border\n border-bottom: 4px solid transparent;\n }\n\n @include govuk-media-query($from: tablet) {\n padding: govuk-spacing(2);\n border-left: 4px solid transparent;\n background-color: inherit;\n }\n }\n\n a:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n a:focus {\n position: relative;\n border-color: govuk-functional-colour(focus-text);\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n}\n\n.moj-side-navigation__item--active {\n a:link,\n a:visited {\n border-color: govuk-functional-colour(link);\n color: govuk-functional-colour(link);\n font-weight: bold;\n }\n\n a:hover {\n border-color: govuk-functional-colour(link-hover);\n color: govuk-functional-colour(link-hover);\n }\n\n a:focus {\n border-color: govuk-functional-colour(focus-text);\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n\n @include govuk-media-query($from: tablet) {\n a:link,\n a:visited {\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n }\n\n a:focus {\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n }\n }\n}\n"]}
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
|
|
22
22
|
[aria-sort] button:focus {
|
|
23
23
|
outline: none;
|
|
24
|
-
color:
|
|
25
|
-
background-color:
|
|
24
|
+
color: govuk-functional-colour(focus-text);
|
|
25
|
+
background-color: govuk-functional-colour(focus);
|
|
26
26
|
box-shadow:
|
|
27
|
-
0 -2px
|
|
28
|
-
0 4px
|
|
27
|
+
0 -2px govuk-functional-colour(focus),
|
|
28
|
+
0 4px govuk-functional-colour(focus-text);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
/*# sourceMappingURL=_sortable-table.scss.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/sortable-table/_sortable-table.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;EAEE,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,cAAc;EACd,6BAA6B;EAG7B,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/sortable-table/_sortable-table.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;EAEE,oBAAoB;EACpB,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,eAAe;EACf,cAAc;EACd,6BAA6B;EAG7B,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,mBAAmB;AACrB;;AAEA;EACE,aAAa;EACb,0CAA0C;EAC1C,gDAAgD;EAChD;;6CAE2C;AAC7C","file":"_sortable-table.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n[aria-sort] button,\n[aria-sort] button:hover {\n display: inline-flex;\n position: relative;\n margin: 0;\n padding: 0;\n border-width: 0;\n color: #005ea5;\n background-color: transparent;\n -webkit-box-shadow: 0 0 0 0;\n -moz-box-shadow: 0 0 0 0;\n box-shadow: 0 0 0 0;\n font-family: inherit;\n font-size: inherit;\n font-size: 1em;\n font-weight: inherit;\n text-align: inherit;\n cursor: pointer;\n align-items: center;\n}\n\n[aria-sort] button:focus {\n outline: none;\n color: govuk-functional-colour(focus-text);\n background-color: govuk-functional-colour(focus);\n box-shadow:\n 0 -2px govuk-functional-colour(focus),\n 0 4px govuk-functional-colour(focus-text);\n}\n"]}
|
|
@@ -60,11 +60,11 @@
|
|
|
60
60
|
|
|
61
61
|
&:link,
|
|
62
62
|
&:visited {
|
|
63
|
-
color:
|
|
63
|
+
color: govuk-functional-colour(link);
|
|
64
64
|
}
|
|
65
65
|
|
|
66
66
|
&:hover {
|
|
67
|
-
color:
|
|
67
|
+
color: govuk-functional-colour(link-hover);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&:focus {
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
|
|
93
93
|
.moj-sub-navigation__link[aria-current="page"] {
|
|
94
94
|
position: relative;
|
|
95
|
-
color:
|
|
95
|
+
color: govuk-functional-colour(link-active);
|
|
96
96
|
text-decoration: none;
|
|
97
97
|
|
|
98
98
|
&::before {
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
left: 0;
|
|
104
104
|
width: 5px;
|
|
105
105
|
height: 100%;
|
|
106
|
-
background-color:
|
|
106
|
+
background-color: govuk-functional-colour(link);
|
|
107
107
|
|
|
108
108
|
@include govuk-media-query($from: tablet) {
|
|
109
109
|
width: 100%;
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
&:hover {
|
|
115
|
-
color:
|
|
115
|
+
color: govuk-functional-colour(link-hover);
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&:focus::before {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,oCAAoC;EACtC;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,uCAAuC;;IAEvC;MACE,WAAW;MACX,WAAW;IACb;EACF;AACF;;AAEA;EACE,kBAAkB;EAClB,2CAA2C;EAC3C,qBAAqB;;EAErB;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,+CAA+C;;IAE/C;MACE,WAAW;MACX,WAAW;IACb;EACF;;EAEA;IACE,0CAA0C;EAC5C;;EAEA;IACE,uCAAuC;EACzC;AACF","file":"_sub-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #SECONDARY NAV\n ========================================================================== */\n\n.moj-sub-navigation {\n margin-bottom: govuk-spacing(7);\n}\n\n.moj-sub-navigation__list {\n margin: 0;\n padding: 0;\n font-size: 0; // Removes white space when using inline-block on child element.\n list-style: none;\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n box-shadow: inset 0 -1px 0 $govuk-border-colour;\n }\n}\n\n.moj-sub-navigation__item {\n display: block;\n margin-top: -1px;\n box-shadow: inset 0 -1px 0 $govuk-border-colour;\n @include govuk-font(19);\n\n &:last-child {\n box-shadow: none;\n }\n\n @include govuk-media-query($from: tablet) {\n display: inline-block;\n margin-top: 0;\n margin-right: govuk-spacing(4);\n box-shadow: none;\n }\n}\n\n.moj-sub-navigation__link {\n display: block;\n position: relative;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: govuk-spacing(3);\n @include govuk-link-common;\n @include govuk-link-style-default;\n\n @include govuk-media-query($from: tablet) {\n padding-left: 0;\n }\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n }\n\n &:link,\n &:visited {\n color: govuk-functional-colour(link);\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n &:focus {\n position: relative; // Ensure focus sits above everything else.\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n box-shadow: none;\n }\n\n &:focus::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-colour(\"black\");\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n height: 5px;\n }\n }\n}\n\n.moj-sub-navigation__link[aria-current=\"page\"] {\n position: relative;\n color: govuk-functional-colour(link-active);\n text-decoration: none;\n\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-functional-colour(link);\n\n @include govuk-media-query($from: tablet) {\n width: 100%;\n height: 5px;\n }\n }\n\n &:hover {\n color: govuk-functional-colour(link-hover);\n }\n\n &:focus::before {\n background-color: govuk-colour(\"black\");\n }\n}\n"]}
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
========================================================================== */
|
|
6
6
|
|
|
7
7
|
.moj-tag {
|
|
8
|
-
border: 2px solid
|
|
8
|
+
border: 2px solid govuk-functional-colour(brand);
|
|
9
9
|
color: govuk-colour("white");
|
|
10
|
-
background-color:
|
|
10
|
+
background-color: govuk-functional-colour(brand);
|
|
11
11
|
|
|
12
12
|
&--purple {
|
|
13
13
|
border: 2px solid govuk-colour("purple");
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
&--bright-purple {
|
|
19
|
-
border: 2px solid govuk-colour("
|
|
19
|
+
border: 2px solid govuk-colour("magenta", $variant: "shade-25");
|
|
20
20
|
color: govuk-colour("white");
|
|
21
|
-
background-color: govuk-colour("
|
|
21
|
+
background-color: govuk-colour("magenta", $variant: "shade-25");
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
&--red,
|
|
@@ -49,9 +49,9 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
&--grey {
|
|
52
|
-
border: 2px solid govuk-colour("
|
|
52
|
+
border: 2px solid govuk-colour("black", $variant: "tint-25");
|
|
53
53
|
color: govuk-colour("white");
|
|
54
|
-
background-color: govuk-colour("
|
|
54
|
+
background-color: govuk-colour("black", $variant: "tint-25");
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,gDAAgD;EAChD,4BAA4B;EAC5B,gDAAgD;;EAEhD;IACE,wCAAwC;IACxC,4BAA4B;IAC5B,wCAAwC;EAC1C;;EAEA;IACE,+DAA+D;IAC/D,4BAA4B;IAC5B,+DAA+D;EACjE;;EAEA;;IAEE,qCAAqC;IACrC,4BAA4B;IAC5B,qCAAqC;EACvC;;EAEA;;IAEE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;;IAEE,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;IACE,4DAA4D;IAC5D,4BAA4B;IAC5B,4DAA4D;EAC9D;AACF","file":"_tag.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TAG\n ========================================================================== */\n\n.moj-tag {\n border: 2px solid govuk-functional-colour(brand);\n color: govuk-colour(\"white\");\n background-color: govuk-functional-colour(brand);\n\n &--purple {\n border: 2px solid govuk-colour(\"purple\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"purple\");\n }\n\n &--bright-purple {\n border: 2px solid govuk-colour(\"magenta\", $variant: \"shade-25\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"magenta\", $variant: \"shade-25\");\n }\n\n &--red,\n &--error {\n border: 2px solid govuk-colour(\"red\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"red\");\n }\n\n &--green,\n &--success {\n border: 2px solid govuk-colour(\"green\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"green\");\n }\n\n &--blue,\n &--information {\n border: 2px solid govuk-colour(\"blue\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n &--black {\n border: 2px solid govuk-colour(\"black\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"black\");\n }\n\n &--grey {\n border: 2px solid govuk-colour(\"black\", $variant: \"tint-25\");\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"black\", $variant: \"tint-25\");\n }\n}\n"]}
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
margin-bottom: govuk-spacing(3);
|
|
33
33
|
padding: govuk-spacing(4);
|
|
34
34
|
border-left: 4px solid transparent;
|
|
35
|
-
background-color: govuk-colour("
|
|
35
|
+
background-color: govuk-colour("black", $variant: "tint-95");
|
|
36
36
|
flex-grow: 1;
|
|
37
37
|
|
|
38
38
|
&--grey {
|
|
39
|
-
border-left-color:
|
|
39
|
+
border-left-color: govuk-functional-colour(border);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
42
|
&--blue {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/ticket-panel/_ticket-panel.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,cAAc;EACd,8BAA8B;EAC9B,eAAe;;EAEf;IACE;MACE,aAAa;MACb,iBAAiB;IACnB;EACF;;EAEA;IACE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,+BAA+B;IAC/B,yBAAyB;IACzB,kCAAkC;IAClC,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/ticket-panel/_ticket-panel.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,cAAc;EACd,8BAA8B;EAC9B,eAAe;;EAEf;IACE;MACE,aAAa;MACb,iBAAiB;IACnB;EACF;;EAEA;IACE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,+BAA+B;IAC/B,yBAAyB;IACzB,kCAAkC;IAClC,4DAA4D;IAC5D,YAAY;;IAEZ;MACE,kDAAkD;IACpD;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,sCAAsC;IACxC;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,wCAAwC;IAC1C;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,yCAAyC;IAC3C;EACF;AACF","file":"_ticket-panel.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TICKET PANEL\n ========================================================================== */\n\n.moj-ticket-panel {\n display: block;\n margin-right: govuk-spacing(0);\n flex-wrap: wrap;\n\n &--inline {\n @include govuk-media-query($from: desktop) {\n display: flex;\n flex-wrap: nowrap;\n }\n }\n\n &--inline > * + * {\n @include govuk-media-query($from: desktop) {\n margin-left: govuk-spacing(3);\n }\n }\n\n &__content *:last-child {\n margin-bottom: govuk-spacing(0);\n }\n\n &__content {\n display: block;\n position: relative;\n margin-bottom: govuk-spacing(3);\n padding: govuk-spacing(4);\n border-left: 4px solid transparent;\n background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n flex-grow: 1;\n\n &--grey {\n border-left-color: govuk-functional-colour(border);\n }\n\n &--blue {\n border-left-color: govuk-colour(\"blue\");\n }\n\n &--red {\n border-left-color: govuk-colour(\"red\");\n }\n\n &--yellow {\n border-left-color: govuk-colour(\"yellow\");\n }\n\n &--green {\n border-left-color: govuk-colour(\"green\");\n }\n\n &--purple {\n border-left-color: govuk-colour(\"purple\");\n }\n\n &--orange {\n border-left-color: govuk-colour(\"orange\");\n }\n }\n}\n"]}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
left: 0;
|
|
18
18
|
width: 5px;
|
|
19
19
|
height: 100%;
|
|
20
|
-
background-color:
|
|
20
|
+
background-color: govuk-functional-colour(brand);
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
left: 0;
|
|
42
42
|
width: 15px;
|
|
43
43
|
height: 5px;
|
|
44
|
-
background-color:
|
|
44
|
+
background-color: govuk-functional-colour(brand);
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
.moj-timeline__byline {
|
|
54
54
|
display: inline;
|
|
55
55
|
margin: 0;
|
|
56
|
-
color:
|
|
56
|
+
color: govuk-functional-colour(secondary-text);
|
|
57
57
|
@include govuk-font($size: 19);
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,
|
|
1
|
+
{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,gDAAgD;EAClD;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;EAChC,8BAA8B;;EAE9B;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,WAAW;IACX,WAAW;IACX,gDAAgD;EAClD;AACF;;AAEA;EACE,eAAe;EACf,6CAA6C;AAC/C;;AAEA;EACE,eAAe;EACf,SAAS;EACT,8CAA8C;EAC9C,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,8BAA8B;AAChC;;AAEA;;+EAE+E;;AAE/E;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;;EAE/B;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB;;EAElB;IACE,cAAc;EAChB;AACF;;AAEA;EACE,8BAA8B;EAC9B,2DAA2D;EAC3D,4BAA4B;EAC5B,0BAA0B;EAC1B,0BAA0B;;EAE1B;IACE,4BAA4B,EAAE,gDAAgD;EAChF;AACF","file":"_timeline.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n #TIMELINE\n ========================================================================== */\n\n.moj-timeline {\n position: relative;\n margin-bottom: govuk-spacing(4);\n overflow: hidden;\n\n &::before {\n content: \"\";\n position: absolute;\n top: govuk-spacing(2);\n left: 0;\n width: 5px;\n height: 100%;\n background-color: govuk-functional-colour(brand);\n }\n}\n\n.moj-timeline--full {\n margin-bottom: 0;\n\n &::before {\n height: calc(100% - 75px);\n }\n}\n\n.moj-timeline__item {\n position: relative;\n padding-bottom: govuk-spacing(6);\n padding-left: govuk-spacing(4);\n\n &::before {\n content: \"\";\n position: absolute;\n top: govuk-spacing(2);\n left: 0;\n width: 15px;\n height: 5px;\n background-color: govuk-functional-colour(brand);\n }\n}\n\n.moj-timeline__title {\n display: inline;\n @include govuk-font($size: 19, $weight: bold);\n}\n\n.moj-timeline__byline {\n display: inline;\n margin: 0;\n color: govuk-functional-colour(secondary-text);\n @include govuk-font($size: 19);\n}\n\n.moj-timeline__date {\n margin-top: govuk-spacing(1);\n margin-bottom: 0;\n @include govuk-font($size: 16);\n}\n\n.moj-timeline__description {\n margin-top: govuk-spacing(4);\n @include govuk-font($size: 19);\n}\n\n/* ==========================================================================\n #TIMELINE DOCUMENT STYLES – FOR BACKWARDS COMPATIBILITY\n ========================================================================== */\n\n.moj-timeline__documents {\n margin-bottom: 0;\n padding-left: 0;\n list-style: none;\n}\n\n.moj-timeline__document-item {\n margin-bottom: govuk-spacing(1);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\n.moj-timeline__document-icon {\n margin-top: 4px;\n margin-right: 4px;\n float: left;\n fill: currentcolor;\n\n @media screen and (forced-colors: active) {\n fill: linkText;\n }\n}\n\n.moj-timeline__document-link {\n padding-left: govuk-spacing(5);\n background-image: url(#{$moj-images-path}icon-document.svg);\n background-repeat: no-repeat;\n background-position: 0 50%;\n background-size: 20px 16px;\n\n &:focus {\n color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n }\n}\n"]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
// This variable is automatically overwritten during builds and releases.
|
|
3
3
|
// It doesn't need to be updated manually.
|
|
4
|
-
--moj-frontend-version: "
|
|
4
|
+
--moj-frontend-version: "9.0.0-beta.1";
|
|
5
5
|
}
|
|
6
6
|
|
|
7
7
|
/*# sourceMappingURL=_moj-frontend-properties.scss.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/moj/core/_moj-frontend-properties.scss"],"names":[],"mappings":"AAAA;EACE,wEAAwE;EACxE,yCAAyC;EACzC
|
|
1
|
+
{"version":3,"sources":["../../../src/moj/core/_moj-frontend-properties.scss"],"names":[],"mappings":"AAAA;EACE,wEAAwE;EACxE,yCAAyC;EACzC,sCAAqC;AACvC","file":"_moj-frontend-properties.scss","sourcesContent":[":root {\n // This variable is automatically overwritten during builds and releases.\n // It doesn't need to be updated manually.\n --moj-frontend-version: \"development\";\n}\n"]}
|
package/moj/helpers/_links.scss
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/moj/helpers/_links.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,oCAAoC;;AAEpC;EACE;;IAEE,+BAA+B;EACjC;;EAEA;IACE,8DAA8D;EAChE;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE
|
|
1
|
+
{"version":3,"sources":["../../../src/moj/helpers/_links.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,oCAAoC;;AAEpC;EACE;;IAEE,+BAA+B;EACjC;;EAEA;IACE,8DAA8D;EAChE;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,0CAA0C;EAC5C;AACF","file":"_links.scss","sourcesContent":["@use \"sass:color\";\n@use \"../settings/colours\" as *;\n@use \"../vendor/govuk-frontend\" as *;\n\n@mixin moj-link-style-warning {\n &:link,\n &:visited {\n color: $moj-warning-link-colour;\n }\n\n &:hover {\n color: color.scale($moj-warning-link-colour, $lightness: -30%);\n }\n\n &:active {\n color: $moj-warning-colour;\n }\n\n &:focus {\n color: govuk-functional-colour(focus-text);\n }\n}\n"]}
|