# cssbag

> Handy Postcss plugins in one bag.

Latest version **0.1.0** (published 2022-06-14) · MIT license · 0 weekly downloads

## Install

```sh
npm install cssbag
pnpm add cssbag
yarn add cssbag
bun add cssbag
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2022-06-14 |
| First published | 2016-11-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=4 |
| Dependencies | 13 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9 |
| Author | EGOIST |
| Maintainers | rem |
| Keywords | css, postcss, precss |

## Links

- npm: https://www.npmjs.com/package/cssbag
- Repository: https://github.com/egoist/cssbag
- Homepage: https://github.com/egoist/cssbag#readme
- Issues: https://github.com/egoist/cssbag/issues
- npm.io page: https://npm.io/package/cssbag

## Dependencies (13)

- [kebab-case](https://npm.io/package/kebab-case.md) ^1.0.0
- [postcss-calc](https://npm.io/package/postcss-calc.md) ^5.3.1
- [postcss-mixins](https://npm.io/package/postcss-mixins.md) ^5.4.0
- [postcss-nested](https://npm.io/package/postcss-nested.md) ^1.0.0
- [postcss-custom-media](https://npm.io/package/postcss-custom-media.md) ^5.0.1
- [postcss-media-minmax](https://npm.io/package/postcss-media-minmax.md) ^2.1.2
- [postcss-selector-not](https://npm.io/package/postcss-selector-not.md) ^2.0.0
- [postcss-smart-import](https://npm.io/package/postcss-smart-import.md) ^0.5.1
- [postcss-property-lookup](https://npm.io/package/postcss-property-lookup.md) ^1.2.1
- [postcss-custom-selectors](https://npm.io/package/postcss-custom-selectors.md) ^3.0.0
- [postcss-selector-matches](https://npm.io/package/postcss-selector-matches.md) ^2.0.5
- [postcss-custom-properties](https://npm.io/package/postcss-custom-properties.md) ^5.0.1
- [postcss-advanced-variables](https://npm.io/package/postcss-advanced-variables.md) ^1.2.2

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 0.1.0 (latest) — 2016-11-18

## README

# cssbag [![NPM version](https://img.shields.io/npm/v/cssbag.svg?style=flat-square)](https://npmjs.com/package/cssbag) [![NPM downloads](https://img.shields.io/npm/dm/cssbag.svg?style=flat-square)](https://npmjs.com/package/cssbag) [![Build Status](https://img.shields.io/circleci/project/egoist/cssbag/master.svg?style=flat-square)](https://circleci.com/gh/egoist/cssbag)

cssbag is a collection of PostCSS plugins I use, it's similar to [precss](https://github.com/jonathantneal/precss).

## Install

```bash
$ npm install -D cssbag
```

## Usage

```js
const cssbag = require('cssbag')

postcss([cssbag(options)]).process(css) //...
```

## API

### cssbag([options])

Each plugin has its own option namespace. For example, if you want to set options for `postcss-smart-import`, simply:

```js
postcss([
  cssbag({
    'smart-import': {},
    // or use camelCase
    smartImport: {}
  })
])
```

## Plugins

### [postcss-nested](https://github.com/postcss/postcss-nested)

Unwrap nested rules like how Sass does it.

### [postcss-advanced-variables](https://github.com/jonathantneal/postcss-advanced-variables)

Sass-like variables, conditionals, and iteratives.

### [postcss-custom-properties](https://github.com/postcss/postcss-custom-properties)

Transform W3C CSS Custom Properties for cascading variables.

### [postcss-smart-import](https://github.com/sebastian-software/postcss-smart-import)

Loading/including other files (transform @import rules by inlining content) and quering/referring assets (referred in url() functions). Think of postcss-import + postcss-url + postcss-assets.

### [postcss-mixins](https://github.com/postcss/postcss-mixins)

PostCSS plugin for mixins.

### [postcss-calc](https://github.com/postcss/postcss-calc)

PostCSS plugin to reduce calc()

### [postcss-media-minmax](https://github.com/postcss/postcss-media-minmax)

Writing simple and graceful Media Queries!

### [postcss-custom-selectors](https://github.com/postcss/postcss-custom-selectors)

Transform W3C CSS Extensions(Custom Selectors) to more compatible CSS.

### [postcss-custom-media](https://github.com/postcss/postcss-custom-media)

Transform W3C CSS Custom Media Queries to more compatible CSS

### [postcss-property-lookup](https://github.com/simonsmith/postcss-property-lookup)

PostCSS plugin for property lookups, similar to Stylus.

### [postcss-selector-matches](https://github.com/postcss/postcss-selector-matches)

Transform :matches() W3C CSS pseudo class to more compatible CSS (simpler selectors).

### [postcss-selector-not](https://github.com/postcss/postcss-selector-not)

Transform :not() W3C CSS level 4 pseudo class to more compatible CSS (multiple css3 :not() selectors).

## Contributing

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D

## License

[MIT](https://egoist.mit-license.org/) © [EGOIST](https://github.com/egoist)

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