Sha256: 790a3ce244ee85aefa304e62c90e3cb9d17323e68751b69332bcc8e9cddb374a

Contents?: true

Size: 603 Bytes

Versions: 124

Compression:

Stored size: 603 Bytes

Contents

#visually-hidden.style-guide__subsection

  %h3= link_to_style_guide('trumps', 'visually_hidden')

  %p Visually hides an element off screen, keeping it accessible to assitive technology.

  %p When accessibility isn't a concern, use #{link_to_style_guide('trumps', 'hidden', true)} instead.

  %p without <code>visually-hidden</code>:
  .style-guide__example-block
    %p I'm some text
    %p I'm some text that's about to be visually hidden

  %p with <code>visually-hidden</code>:
  .style-guide__example-block
    %p I'm some text
    %p.visually-hidden I'm some text that should be visually hidden

Version data entries

124 entries across 124 versions & 2 rubygems

Version Path
workarea-storefront-3.4.13 app/views/workarea/storefront/style_guides/trumps/_visually_hidden.html.haml
workarea-admin-3.4.13 app/views/workarea/admin/style_guides/trumps/_visually_hidden.html.haml
workarea-storefront-3.4.12 app/views/workarea/storefront/style_guides/trumps/_visually_hidden.html.haml
workarea-admin-3.4.12 app/views/workarea/admin/style_guides/trumps/_visually_hidden.html.haml