• No results

A 11 Y

Installation

  yarn add @chewy/kib-foundations

Import

  @use '~@chewy/kib-foundations/src/a11y';

Mixins

visually-hidden

@mixin visually-hidden() { ... }@mixin visually-hidden() { 
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
 }
Description

Hide text an element visually, but still allow screen readers to read it.

Parameters

None.

visually-hidden-reset

@mixin visually-hidden-reset() { ... }@mixin visually-hidden-reset() { 
  position: inherit;
  overflow: inherit;
  clip: inherit;
  height: inherit;
  width: inherit;
  margin: inherit;
  padding: inherit;
  border: inherit;
 }
Description

Reset visibly hidden text.

Parameters

None.