| 12345678910111213141516171819202122232425262728293031 |
- @mixin cdk-a11y {
- .cdk-visually-hidden {
- border: 0;
- clip: rect(0 0 0 0);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute;
- width: 1px;
- // Avoid browsers rendering the focus ring in some cases.
- outline: 0;
- // Avoid some cases where the browser will still render the native controls (see #9049).
- -webkit-appearance: none;
- -moz-appearance: none;
- }
- }
- // Applies styles for users in high contrast mode. Note that this only applies
- // to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
- // attribute, however Chrome handles high contrast differently.
- //
- // @param target Which kind of high contrast setting to target. Defaults to `active`, can be
- // `white-on-black` or `black-on-white`.
- @mixin cdk-high-contrast($target: active) {
- @media (-ms-high-contrast: $target) {
- @content;
- }
- }
|