11
22@use ' ./nhs-use' as * ;
3+ @use ' ./nhs-style' as * ;
34@use ' ./nhs-colours' as * ;
45@use ' ./nhsnotify-side-nav' as * ;
56
67
7-
8- .nhsnotify-image {
9- width : unset ;
10- background-color : unset ;
11- border-bottom : 0 ;
12- margin : unset ;
13- }
14-
15- .nhsnotify-banner--blue {
16- background-color : $blue-000 ;
17- color : white ;
18- }
19-
20- .nhsnotify-banner--white {
21- background-color : white ;
22- }
23-
24- .nhsnotify-list {
25- padding-top : 2em ;
26- }
27-
28- .nhsnotify-list__item {
29- padding-bottom : 5em ;
30-
31- & :last-child {
32- padding-bottom : 0 ;
33- }
34-
35- li {
36- margin-bottom : 0 ;
37- }
38- }
39-
40- .nhsnotify-list__item-header {
41- display : flex ;
42- @extend .nhsuk-u-margin-bottom-3 ;
43- }
44-
45- .nhsnotify-list__item-header-number {
46- width : 2em ;
47- height : 2em ;
48- line-height : 2em ;
49- border-radius : 50% ;
50-
51- background-color : $blue-000 ;
52- color : white ;
53- font-weight : bold ;
54- text-align : center ;
55- }
56-
57- .nhsnotify-list__item-header-title {
58- width : 85% ;
59- padding : 0.3em 0 0 1.5em ;
60- }
61-
62- .nhsnotify-list__item-description {
63- padding-left : 5.5em ;
64- }
65-
66- .nhsuk-card__description {
67- @media screen and (min-width : 990px ) {
68- height : 56px ;
69- }
70- }
71-
72- .nhsuk-card__pricing {
73- @extend .nhsuk-heading-m ;
74- margin : 0 ;
75- }
76-
77- .nhsuk-header__navigation-item {
78- padding-left : 0 ;
79- padding-right : 0 ;
80- }
81-
82- .nhsuk-header__navigation-item :first-child .nhsuk-header__navigation-link {
83- padding-left : 0 ;
84- }
85-
86- .nhsuk-header__navigation-item :nth-child (5 ) .nhsuk-header__navigation-link {
87- padding-right : 0 ;
88- }
89-
90- .nhsuk-header__drop-down .nhsuk-header__navigation-item :first-child .nhsuk-header__navigation-link {
91- padding-left : 16px ;
92- }
93-
94- .nhsuk-header__navigation-link {
95- text-decoration : underline ;
96-
97- & :hover {
98- text-decoration : none ;
99- }
100-
101- }
102-
103- .nhsuk-phase-banner {
104- padding-top : 10px ;
105- padding-bottom : 10px ;
106- background-color : #fff ;
107- }
108-
109- .nhsuk-phase-banner__content {
110- font-size : 1rem ;
111- line-height : 1.25 ;
112- margin-bottom : 0px ;
113- }
114-
115- .nhsuk-tag {
116- outline : 2px solid transparent ;
117- outline-offset : -2px ;
118- color : #fff ;
119- background-color : #005eb8 ;
120- letter-spacing : 1px ;
121- text-decoration : none ;
122- text-transform : uppercase ;
123- font-weight : 700 ;
124- }
125-
126- .nhsuk-phase-banner__text {
127- font-size : 1rem ;
128- line-height : 1.25 ;
129- padding-left : 0.5em ;
130- }
131-
132- .nhsuk-inset-text-override {
133- @include top-and-bottom (); /* [1] */
134- @include nhsuk-reading-width (); /* [2] */
135-
136- @include nhsuk-responsive-margin (7 , " bottom" );
137- @include nhsuk-responsive-margin (4 , " top" );
138- @include nhsuk-responsive-padding (4 );
139-
140- border-left : $nhsuk-border-width-inset-text solid $color_nhsuk-blue ;
141-
142- @include nhsuk-media-query ($media-type : print) {
143- border-color : $nhsuk-print-text-color ;
144- }
145- }
146-
147- .nhsuk-image-with-caption {
148- background-color : $color_nhsuk-white ;
149- border-bottom : 1px solid $color_nhsuk-grey-4 ;
150-
151- margin-left : 0 ; /* [1] */
152- margin-right : 0 ; /* [1] */
153-
154- @include nhsuk-responsive-margin (6 , " bottom" );
155- @include nhsuk-responsive-margin (3 , " top" );
156-
157- @include nhsuk-media-query ($from : desktop) {
158- width : 100% ; /* [2] */
159- }
160-
161- @include nhsuk-media-query ($media-type : print) {
162- width : 50% ; /* [3] */
163- }
164-
165- & + .nhsuk-image {
166- @include nhsuk-responsive-margin (0 , " top" ); /* [4] */
167- }
168- }
169-
170- // Breadcrumb spacing override
171- /*
172- .nhsnotify-breadcrumb {
173- @include print-hide();
174-
175- padding-top: 20px;
176-
177- + .nhsuk-width-container .nhsuk-main-wrapper {
178- margin-top: 20px;
179- }
180-
181- }
182-
183- .nhsuk-breadcrumb__item:not(:last-child):after {
184- display: none;
185- height: 0px;
186- margin-left: 0px;
187- margin-right: 0px;
188- width: 0px;
189- }
190-
191- .nhsnotify-breadcrumb-chevron {
192- width: 18px;
193- height: 18px;
194- margin-bottom: -4px;
195- }
196-
197- .nhsnotify-breadcrumb-chevron:last-child {
198- display: none;
199- }
200- */
201-
202-
203-
204-
205- // Custom breadcrumb styles
206-
207- .nhsuk-breadcrumb {
208- margin-top : 0 ;
209- padding-bottom : 0 ;
210-
211- @include nhsuk-media-query ($from : tablet) {
212- margin-top : 0 ;
213- }
214- }
215-
216- .nhsuk-breadcrumb__item {
217-
218- & :not (:last-child )::after {
219- background : url (/ assets/images/icon-chevron-right__breadcrumb.svg ) top left no-repeat ;
220- }
221- }
222-
223- .nhsuk-breadcrumb__back {
224-
225- & ::before {
226- background : url (/ assets/images/icon-chevron-left__back_link.svg ) top left no-repeat ;
227- }
228- }
0 commit comments