Skip to content

Commit

Permalink
Docs: Call out removal of @screen-* variables in v4
Browse files Browse the repository at this point in the history
Closes #19561
Closes #19567
[skip sauce]
  • Loading branch information
craigmichaelmartin authored and cvrebert committed Apr 7, 2016
1 parent 835676b commit 26a6dc1
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions docs/migration.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down

0 comments on commit 26a6dc1

Please sign in to comment.