diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-10-14 15:58:02 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-10-14 15:58:02 +0800 |
| commit | fee47f6414cc3ae9a88f3ee0ed20f1d6f2d9f556 (patch) | |
| tree | 2b99dd57fc676a3819ef3cc46ac43df0043c2bb3 /node_modules/postcss-position/README.md | |
| parent | 0379526e20e1ff212df23e6326741aa9c06df204 (diff) | |
added plugin from postcss: postcss-fixes rucksack-css
Diffstat (limited to 'node_modules/postcss-position/README.md')
| -rw-r--r-- | node_modules/postcss-position/README.md | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/node_modules/postcss-position/README.md b/node_modules/postcss-position/README.md new file mode 100644 index 00000000..d2d8199e --- /dev/null +++ b/node_modules/postcss-position/README.md @@ -0,0 +1,82 @@ +# PostCSS Position +[![NPM version][npm-badge]][npm-url] [![Downloads][downloads-badge]][npm-url] [![Build Status][travis-badge]][travis-url] + +[PostCSS][PostCSS] plugin that adds shorthand attributes to position declarations. + +_Part of [Rucksack - CSS Superpowers](http://simplaio.github.io/rucksack)_ + +**Input** + +```css +.foo { + position: absolute 10px 0; +} + +.bar { + position: fixed 0; +} + +.baz { + position: relative 30% auto 0; +} + +.fab { + position: absolute 10px 0 20px 30px; +} +``` + +**Output** + +```css +.foo { + position: absolute; + top: 10px; + right: 0; + bottom: 10px; + left: 0; +} + +.bar { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.baz { + position: relative; + top: 30%; + right: auto; + bottom: 0; + left: auto; +} + +.fab { + position: absolute; + top: 10px; + right: 0; + bottom: 20px; + left: 30px; +} +``` + + +## Usage + +```js +postcss([ require('postcss-position') ]) +``` + +See [PostCSS][PostCSS] docs for examples for your environment. + +*** + +MIT © [Sean King](https://twitter.com/seaneking) + +[npm-badge]: https://badge.fury.io/js/postcss-position.svg +[npm-url]: https://npmjs.org/package/postcss-position +[downloads-badge]: https://img.shields.io/npm/dm/postcss-position.svg +[travis-badge]: https://travis-ci.org/seaneking/postcss-position.svg?branch=master +[travis-url]: https://travis-ci.org/seaneking/postcss-position +[PostCSS]: https://github.com/postcss/postcss |
