diff options
| author | Craig Martin <[email protected]> | 2016-03-18 11:46:38 -0400 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2016-04-06 19:41:57 -0700 |
| commit | 26a6dc1d16c0efb9783889076e351d15b644ea83 (patch) | |
| tree | 45290abc94a45d76154d63b74c10b01ade377180 | |
| parent | 835676b99a0dd15d5e3dd0bc925e686807c24972 (diff) | |
| download | bootstrap-26a6dc1d16c0efb9783889076e351d15b644ea83.tar.xz bootstrap-26a6dc1d16c0efb9783889076e351d15b644ea83.zip | |
Docs: Call out removal of @screen-* variables in v4
Closes #19561
Closes #19567
[skip sauce]
| -rw-r--r-- | docs/migration.md | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/docs/migration.md b/docs/migration.md index f4044a399..f40b2c46c 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -203,11 +203,11 @@ TODO: audit classes in v3 that aren't present in v4 ### Responsive utilities -The following deprecated variables have been removed in v4.0.0: +The following variables have been removed in v4.0.0. Use the `media-breakpoint-up()`, `media-breakpoint-down()`, or `media-breakpoint-only()` Sass mixins or the `$grid-breakpoints` Sass map instead of: -* `@screen-phone`, `@screen-tablet`, `@screen-desktop`, `@screen-lg-desktop`. Use the more abstract `$screen-{xs,sm,md,lg,xl}-*` variables instead. -* `@screen-sm`, `@screen-md`, `@screen-lg`. Use the more clearly named `$screen-{xs,sm,md,lg,xl}-min` variables instead. -* `@screen-xs`, `@screen-xs-min`. The extra small breakpoint has no lower bound, so these variables were logically absurd. Reformulate your expression in terms of `$screen-xs-max` instead. +* `@screen-phone`, `@screen-tablet`, `@screen-desktop`, `@screen-lg-desktop`. +* `@screen-xs`, `@screen-sm`, `@screen-md`, `@screen-lg`. +* `@screen-xs-min`, `@screen-xs-max`, `@screen-sm-min`, `@screen-sm-max`, `@screen-md-min`, `@screen-md-max`, `@screen-lg-min`, `@screen-lg-max` The responsive utility classes have also been overhauled. |