You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+65-1Lines changed: 65 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -64,9 +64,73 @@ $nhsuk-breakpoints: (
64
64
);
65
65
```
66
66
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
+
@includemq($from: tablet) {
79
+
margin-top: nhsuk-spacing(4);
80
+
}
81
+
```
82
+
83
+
After:
84
+
85
+
```scss
86
+
@includenhsuk-media-query($from: tablet) {
87
+
margin-top: nhsuk-spacing(4);
88
+
}
89
+
```
90
+
67
91
If you are overriding any settings prefixed with `$mq-` in your application you will need to update to use the new `$nhsuk-` prefixed settings.
68
92
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.
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).
0 commit comments