Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/roman01la/postcss-camel-case
PostCSS plugin to convert CSS selector names to camelCase
https://github.com/roman01la/postcss-camel-case
postcss-camel-case postcss-plugins
Last synced: about 2 months ago
JSON representation
PostCSS plugin to convert CSS selector names to camelCase
- Host: GitHub
- URL: https://github.com/roman01la/postcss-camel-case
- Owner: roman01la
- License: mit
- Archived: true
- Created: 2015-06-02T11:26:58.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2019-12-13T17:04:11.000Z (almost 5 years ago)
- Last Synced: 2024-07-26T14:41:58.090Z (about 2 months ago)
- Topics: postcss-camel-case, postcss-plugins
- Language: JavaScript
- Size: 4.88 KB
- Stars: 13
- Watchers: 3
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# postcss-camel-case
PostCSS plugin to convert CSS selector names to camelCaseTurns `.block_element--modifier` into `.blockElementModifier`. Basically the plugin does convert any class names with `-`, `_` punctuations into `camelCase` style.
## Warnings
Removing `-` and `_` characters from CSS class names may cause naming conflits:
```
.my-class -> .myClass
.my_class -> .myClass
```## Why?
Because camel cased properties feels more natural in JavaScript. It is mainly built for [CSS Modules](https://github.com/css-modules/css-modules).