Skip to content

Create migration guidance for hidden-when-printing(), print-hidden(), when-not-printing(), when-printing() functions #5120

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Feb 10, 2022
Merged

Create migration guidance for hidden-when-printing(), print-hidden(), when-not-printing(), when-printing() functions #5120

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
8ad354f
Add documentation for hidden-when-printing, print-hidden, when-not-pr…
Feb 9, 2022
8242846
Update documentation/guides/migrating-from-v8-to-v9.md
romellogoodman Feb 10, 2022
ec3f0b5
Update documentation/guides/migrating-from-v8-to-v9.md
romellogoodman Feb 10, 2022
8e61288
Merge branch 'v9.0.0-major' into 5044-migration-guide-print-mixins
Feb 10, 2022
921dc19
Merge branch 'v9.0.0-major' into 5044-migration-guide-print-mixins
Feb 10, 2022
d0c75d5
Merge branch 'v9.0.0-major' into 5044-migration-guide-print-mixins
romellogoodman Feb 10, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions documentation/guides/migrating-from-v8-to-v9.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -275,6 +275,16 @@ We replaced a few of the following filter function instances with color tokens i
| `font-family()`<br>`font-family($family: base)` | `--p-font-family-sans` |
| `font-family($family: 'monospace')` | `--p-font-family-mono` |

#### `hidden-when-printing()`

Replace any instance of `@include hidden-when-printing;` with the following code

```scss
@media print {
display: none !important;
}
```

#### `high-contrast-border()`

| Mixin | Replacement Value/Token |
Expand Down Expand Up @@ -309,6 +319,16 @@ For `<border-width>` instances that are hard coded values, see if you can replac
| `ms-high-contrast-color('button-text-background')` | `buttonFace` |
| `ms-high-contrast-color('background')` | `window` |

#### `print-hidden()`

Replace any instance of `@include print-hidden;` with the following code

```scss
@media print {
display: none !important;
}
```

#### `px()`

This function has been deprecated, but the definition can be copied and used locally.
Expand Down Expand Up @@ -369,6 +389,18 @@ padding: 0;
list-style: none;
```

#### `when-not-printing()`

| Mixin | Replacement Value/Token |
| ---------------------------- | ----------------------- |
| `@include when-not-printing` | `@media not print` |

#### `when-printing()`

| Mixin | Replacement Value/Token |
| ------------------------ | ----------------------- |
| `@include when-printing` | `@media print` |

#### `z-index()`

| Function | Replacement Value/Token |
Expand Down