summaryrefslogtreecommitdiff
path: root/node_modules/postcss-position/README.md
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2023-10-14 15:58:02 +0800
committerlittleblack111 <littleblack11111@gmail.com>2023-10-14 15:58:02 +0800
commitfee47f6414cc3ae9a88f3ee0ed20f1d6f2d9f556 (patch)
tree2b99dd57fc676a3819ef3cc46ac43df0043c2bb3 /node_modules/postcss-position/README.md
parent0379526e20e1ff212df23e6326741aa9c06df204 (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.md82
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