EC System

Aria

Automatically apply certain styles depending on the aria attributes.

<div class="ecl-u-aria" aria-hidden="true">Hidden content</div>
<div class="ecl-u-aria" aria-hidden="false">Visible content</div>
/* No context defined for this component. */
<div class="ecl-u-aria" aria-hidden="true">Hidden content</div>
<div class="ecl-u-aria" aria-hidden="false">Visible content</div>
  • Content:
    /**
     * Aria utilities
     * Automatically apply certain styles depending on the aria attributes
     */
    
    // Import base and generic
    @import '@ecl/ec-base/ec-base';
    @import '@ecl/generic-utility-aria/generic-utility-aria';
    
    // Use generic mixin
    @include exports('ec-utility-aria') {
      @include ecl-utility-aria();
    }
    
  • URL: /components/raw/ec-utility-aria/ec-utility-aria.scss
  • Filesystem Path: ../../src/systems/ec/ec-utility/ec-utility-aria/ec-utility-aria.scss
  • Size: 308 Bytes
  • Handle: @ecl/ec-utility-aria
  • Preview:
  • Filesystem Path: ../../src/systems/ec/ec-utility/ec-utility-aria/ec-utility-aria.twig