Socket
Socket
Sign inDemoInstall

postcss-attribute-case-insensitive

Package Overview
Dependencies
7
Maintainers
2
Versions
15
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    postcss-attribute-case-insensitive

PostCSS plugin to support case insensitive attributes


Version published
Weekly downloads
5.3M
decreased by-10.5%
Maintainers
2
Install size
1.67 MB
Created
Weekly downloads
 

Package description

What is postcss-attribute-case-insensitive?

The postcss-attribute-case-insensitive npm package is a plugin for PostCSS, a tool for transforming CSS with JavaScript. This plugin allows you to write attribute selectors in CSS that are case-insensitive, making your CSS more flexible and easier to maintain. It follows the W3C specification for case-insensitive attribute selectors, enabling developers to target attributes without worrying about the case sensitivity of their values.

What are postcss-attribute-case-insensitive's main functionalities?

Case-insensitive attribute selectors

This feature allows you to select elements based on their attributes in a case-insensitive manner. For example, it enables `[href='example.com' i]` to match both `href='example.com'` and `href='Example.com'`. This is particularly useful when dealing with user-generated content or integrating with systems that are not case-sensitive.

[attr=value i] { /* styles */ }

Other packages similar to postcss-attribute-case-insensitive

Readme

Source

postcss-attribute-case-insensitive Build Status

PostCSS plugin to support case insensitive attributes.

Input

[frame=hsides i] { border-style: solid none; }

Output

[frame=hsides],[frame=Hsides],[frame=hSides],[frame=HSides],[frame=hsIdes],[frame=HsIdes],[frame=hSIdes],[frame=HSIdes],[frame=hsiDes],[frame=HsiDes],[frame=hSiDes],[frame=HSiDes],[frame=hsIDes],[frame=HsIDes],[frame=hSIDes],[frame=HSIDes],[frame=hsidEs],[frame=HsidEs],[frame=hSidEs],[frame=HSidEs],[frame=hsIdEs],[frame=HsIdEs],[frame=hSIdEs],[frame=HSIdEs],[frame=hsiDEs],[frame=HsiDEs],[frame=hSiDEs],[frame=HSiDEs],[frame=hsIDEs],[frame=HsIDEs],[frame=hSIDEs],[frame=HSIDEs],[frame=hsideS],[frame=HsideS],[frame=hSideS],[frame=HSideS],[frame=hsIdeS],[frame=HsIdeS],[frame=hSIdeS],[frame=HSIdeS],[frame=hsiDeS],[frame=HsiDeS],[frame=hSiDeS],[frame=HSiDeS],[frame=hsIDeS],[frame=HsIDeS],[frame=hSIDeS],[frame=HSIDeS],[frame=hsidES],[frame=HsidES],[frame=hSidES],[frame=HSidES],[frame=hsIdES],[frame=HsIdES],[frame=hSIdES],[frame=HSIdES],[frame=hsiDES],[frame=HsiDES],[frame=hSiDES],[frame=HSiDES],[frame=hsIDES],[frame=HsIDES],[frame=hSIDES],[frame=HSIDES] { border-style: solid none; }

Notes

  • As you see in example, it is not necessary to use this plugin with very long attributes.

Keywords

FAQs

Last updated on 18 Sep 2018

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