# css-block

> A simple block css module for styling a responsive block component

Latest version **1.0.0** (published 2015-12-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install css-block
pnpm add css-block
yarn add css-block
bun add css-block
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2015-12-15 |
| First published | 2015-12-15 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Steven Iseki |
| Maintainers | steveniseki |
| Keywords | css, css-module, css module, css-block, css block, css reusable block, css block css module, react, reactjs |

## Links

- npm: https://www.npmjs.com/package/css-block
- Repository: https://github.com/StevenIseki/css-block
- Homepage: https://github.com/StevenIseki/css-block#readme
- Issues: https://github.com/StevenIseki/css-block/issues
- npm.io page: https://npm.io/package/css-block

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2015-12-15

## README

# css-block

[![npm version](https://badge.fury.io/js/css-block.svg)](https://badge.fury.io/js/css-block)

A simple block css module for styling a responsive block component

![](https://raw.githubusercontent.com/StevenIseki/css-block/master/screenshot.png)

## Compatible

- [css modules](https://github.com/css-modules/css-modules)
- [react-css-modules](https://github.com/gajus/react-css-modules)

## Install

`npm install css-block --save-dev`

## Usage

Simply import the block css module and use it to style your block element.

`import block from 'css-block'`

Then use it for styling your elements.

```jsx
	return (
        <div className={styles.block}>
            <div className={styles.content}>{this.props.children}</div>
        </div>
    );
```

## Example

Check out the full working example [here](https://github.com/StevenIseki/css-block/tree/master/example)

**Run it**

`cd example; npm install; npm start`

## License

[MIT](http://isekivacenz.mit-license.org/)

---
_Source: https://npm.io/package/css-block · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._