Skip to content

Commit 22f1c23

Browse files
Add changelog entry
1 parent f3ece2e commit 22f1c23

File tree

1 file changed

+65
-1
lines changed

1 file changed

+65
-1
lines changed

CHANGELOG.md

Lines changed: 65 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,9 +64,73 @@ $nhsuk-breakpoints: (
6464
);
6565
```
6666

67+
This was added in [pull request #1288: Allow custom Sass grid column widths and breakpoints](https://github.com/nhsuk/nhsuk-frontend/pull/1288).
68+
69+
:wastebasket: **Deprecated features**
70+
71+
#### Replace Sass mixins for media queries
72+
73+
If you're using the `mq()` Sass mixin to output CSS media queries, you must replace it with the `nhsuk-media-query()` mixin.
74+
75+
Before:
76+
77+
```scss
78+
@include mq($from: tablet) {
79+
margin-top: nhsuk-spacing(4);
80+
}
81+
```
82+
83+
After:
84+
85+
```scss
86+
@include nhsuk-media-query($from: tablet) {
87+
margin-top: nhsuk-spacing(4);
88+
}
89+
```
90+
6791
If you are overriding any settings prefixed with `$mq-` in your application you will need to update to use the new `$nhsuk-` prefixed settings.
6892

69-
This was added in [pull request #1288: Allow custom Sass grid column widths and breakpoints](https://github.com/nhsuk/nhsuk-frontend/pull/1288).
93+
#### Replace Sass mixins for grids
94+
95+
If you're using the `govuk-grid-column()` Sass mixin to create custom grid classes, you must replace it with the `nhsuk-grid-column()` mixin and remove the `$class` parameter.
96+
97+
Before:
98+
99+
```scss
100+
@include govuk-grid-column(
101+
one-quarter,
102+
$at: desktop,
103+
$class: "app-grid-column"
104+
);
105+
```
106+
107+
After:
108+
109+
```scss
110+
.app-grid-column-one-quarter-at-desktop {
111+
@include nhsuk-grid-column(one-quarter, $at: desktop);
112+
}
113+
```
114+
115+
If you're using the `govuk-grid-row()` Sass mixin, you must replace it with the `.nhsuk-grid-row` class in your HTML.
116+
117+
If you're using the `grid-width()` Sass mixin, you must replace it with the `nhsuk-grid-width()` mixin.
118+
119+
#### Replace Sass mixins for wrappers
120+
121+
If you're using the `govuk-main-wrapper()`, `govuk-main-wrapper--l()` or `govuk-main-wrapper--s()` Sass mixins, you must replace them with the `.nhsuk-main-wrapper`, `.nhsuk-main-wrapper--l` and `.nhsuk-main-wrapper--s` classes in your HTML.
122+
123+
#### Replace Sass mixin `nhsuk-typography-responsive` with `nhsuk-font-size`
124+
125+
We've renamed the Sass mixin `nhsuk-typography-responsive` to `nhsuk-font-size` and have deprecated `nhsuk-typography-responsive` to better communicate its intended use.
126+
127+
You can still use `nhsuk-typography-responsive`, but we'll remove it in a future breaking release.
128+
129+
#### Updated Sass mixin, function and variable namespace
130+
131+
All other Sass mixins, functions and variables prefixed `govuk` are now prefixed `nhsuk`. The previous names are deprecated and will be removed in a future release.
132+
133+
For more information, see [pull request #1289: Deprecate Sass `govuk` namespace usage](https://github.com/nhsuk/nhsuk-frontend/pull/1289).
70134

71135
:recycle: **Changes**
72136

0 commit comments

Comments
 (0)