Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/7rulnik/postcss-flexibility
PostCSS plugin for Flexibility polyfill
https://github.com/7rulnik/postcss-flexibility
flexbox flexibility postcss
Last synced: 6 days 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 (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2023-01-04T21:49:42.000Z (almost 2 years ago)
- Last Synced: 2024-12-10T20:07:37.829Z (13 days ago)
- Topics: flexbox, flexibility, postcss
- Language: JavaScript
- Homepage:
- Size: 1.58 MB
- Stars: 296
- Watchers: 6
- 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