Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

css-module-npm-boilerplate

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

css-module-npm-boilerplate - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

2

package.json
{
"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**

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc