Socket
Socket
Sign inDemoInstall

@fylgja/aria-only

Package Overview
Dependencies
3
Maintainers
2
Versions
8
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @fylgja/aria-only

The aria-only (a.k.a. sr-only) visually hides elements. But keeps it accessible to screen-readers and other aria tools


Version published
Maintainers
2
Created

Changelog

Source

[1.2.4] - 2022-08-15

Fixed

  • Quotes on scss variables for shadow

Changed

  • Updated Shadow to v1.0.3

Readme

Source

Fylgja - Aria-only

NPM version license

The aria-only (a.k.a. sr-only) visually hides elements.

But keeps them accessible to screen-readers and other aria tools.

Installation

npm install @fylgja/aria-only

Then include the component in to your code via;

@use "@fylgja/aria-only";
// Or via PostCSS import
@import "@fylgja/aria-only";

Media Query support

If you need support for media queries, use the following import;

@use "@fylgja/aria-only" with ($enable-aria-only-mq: true);
// Or via PostCSS import
@import "@fylgja/aria-only/mq";

When enabled/used, the aria-only style can be used with the mq prefix, for example: md-aria-only.

The not-aria-only option is exclusive to the mq option and unsets the aria-only styles.

For what mq options are available see the mq package.

All mq values used by the $aria-only-breakpoints variable take the values directly from the Fylgja Mq component.

@layer support

If you need support for @layer, use the following import;

@use "@fylgja/aria-only" with ($aria-only-layer: "utilities");
// Or via native CSS import, also supported by PostCSS import
@import "@fylgja/aria-only" layer("utilities");

How to use

For more information see the aria-only docs on the Fylgja.dev.

Keywords

FAQs

Last updated on 20 Feb 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc