https://github.com/7rulnik/postcss-flexibility

PostCSS plugin for Flexibility polyfill
https://github.com/7rulnik/postcss-flexibility

flexbox flexibility postcss

Last synced: about 1 year ago
JSON representation

PostCSS plugin for Flexibility polyfill

• Host: GitHub
• URL: https://github.com/7rulnik/postcss-flexibility
• Owner: 7rulnik
• License: mit
• Created: 2015-12-23T20:41:41.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T21:49:42.000Z (over 3 years ago)
• Last Synced: 2025-04-04T00:09:11.636Z (about 1 year ago)
• Topics: flexbox, flexibility, postcss
• Language: JavaScript
• Homepage:
• Size: 1.58 MB
• Stars: 296
• Watchers: 5
• Forks: 14
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# PostCSS Flexibility

[![NPM version](https://badge.fury.io/js/postcss-flexibility.svg)](http://badge.fury.io/js/postcss-flexibility)

[![Build Status](https://travis-ci.org/7rulnik/postcss-flexibility.svg)](https://travis-ci.org/7rulnik/postcss-flexibility)

[![Dependency Status](https://david-dm.org/7rulnik/postcss-flexibility.svg)](https://david-dm.org/7rulnik/postcss-flexibility)

[![devDependency Status](https://david-dm.org/7rulnik/postcss-flexibility/dev-status.svg)](https://david-dm.org/7rulnik/postcss-flexibility#info=devDependencies)

[![Coverage Status](https://coveralls.io/repos/7rulnik/postcss-flexibility/badge.svg)](https://coveralls.io/r/7rulnik/postcss-flexibility)

[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/xojs/xo)

[PostCSS] plugin for [Flexibility].

```css

.foo {

    display: flex;

}

```

will be processed to:

```css

.foo {

    -js-display: flex;

    display: flex;

}

```

## Installation

```sh

$ npm install --save-dev postcss postcss-flexibility

```

## Usage

```js

postcss([ require('postcss-flexibility') ])

```

See [PostCSS] docs for examples for your environment.

### Excluding rules

You can exclude rule from transformation by adding `/* flexibility-disable */` comment.

```css

.foo {

    /* flexibility-disable */

    display: flex;

}

```

will be processed to:

```css

.foo {

    /* flexibility-disable */

    display: flex;

}

```

### License

MIT © [Valentin Semirulnik](https://twitter.com/7rulnik)

[PostCSS]: https://github.com/postcss/postcss

[Flexibility]: https://github.com/10up/flexibility