css-module-npm-boilerplate
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "css-module-npm-boilerplate", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "a boilerplate css module", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
# css-module-npm-boilerplate | ||
[![npm version](https://badge.fury.io/js/css-block-loader.svg)](https://badge.fury.io/js/css-block-loader) | ||
[![npm version](https://badge.fury.io/js/css-module-npm-boilerplate.svg)](https://badge.fury.io/js/css-module-npm-boilerplate) | ||
A boilerplate [css module](https://github.com/css-modules/css-modules). Fork this and create your own reusable css module to be imported into react, deku, riot, etc... components. | ||
A boilerplate [css module](https://github.com/css-modules/css-modules). | ||
Fork this and create your own reusable css module to be imported into react, deku, riot, etc... components. | ||
![](https://raw.githubusercontent.com/StevenIseki/css-module-npm-boilerplate/master/screenshot.png) | ||
Check out more css modules at [cssmodul.es](http://cssmodul.es) | ||
## Compatible | ||
CSS Modules is only compatible with camelCase. However deku and react have mappings to use normal class names. | ||
CSS Modules is only compatible with camelCase. However deku and react have mappings to use *normal* class names. | ||
@@ -23,5 +27,4 @@ - [css modules](https://github.com/css-modules/css-modules) | ||
this is really just a simple example css module for a button. | ||
this is just a simple example css module for button styling. | ||
`import fancyButton from 'css-module-npm-boilerplate'` | ||
@@ -31,19 +34,15 @@ | ||
*css modules* | ||
**css modules** | ||
```jsx | ||
return ( | ||
<button className={styles.button} /> | ||
press me | ||
</button> | ||
<button className={styles.button}>press me</button> | ||
); | ||
``` | ||
*react / deku css modules* | ||
**react / deku css modules** | ||
```jsx | ||
return ( | ||
<button styleName='button' /> | ||
press me | ||
</button> | ||
<button styleName='button'>press me</button> | ||
); | ||
@@ -54,3 +53,3 @@ ``` | ||
Check out the full working example [here](https://github.com/StevenIseki/css-module-npm-boilerplate/tree/master/example) | ||
Check out an example of using this css module [here](https://github.com/StevenIseki/css-module-npm-boilerplate/tree/master/example) | ||
@@ -57,0 +56,0 @@ **Run it** |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
206729
59