Skip to content

Commit 5a27dbf

Browse files
mobile title
1 parent 23b534a commit 5a27dbf

2 files changed

Lines changed: 14 additions & 223 deletions

File tree

_sass/nhs/_nhs-style.scss

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,20 @@
11

22
@use './nhs-colours' as *;
3-
@use './nhs-style' as *;
43
@use './nhs-use' as *;
54

5+
.nhsuk-header__service-name {
6+
@include nhsuk-media-query($until: desktop){
7+
max-width: unset;
8+
display: unset;
9+
}
10+
}
11+
12+
.nhsuk-header__logo {
13+
@include nhsuk-media-query($until: desktop){
14+
max-width: 100%;
15+
}
16+
}
17+
618
.nhsnotify-image {
719
width: unset;
820
background-color: unset;

_sass/nhs/nhs.scss

Lines changed: 1 addition & 222 deletions
Original file line numberDiff line numberDiff line change
@@ -1,228 +1,7 @@
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

Comments
 (0)