seaneking / Postcss Position
Licence: mit
PostCSS plugin that adds shorthand declarations for position attributes
Stars: ✭ 26
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Postcss Position
postcss-font-pack
PostCSS plugin to simplify font declarations by validating only configured font packs are used and adding fallbacks.
Stars: ✭ 18 (-30.77%)
Mutual labels: postcss, postcss-plugin
Postcss Easing Gradients
PostCSS plugin to create smooth linear-gradients that approximate easing functions.
Stars: ✭ 689 (+2550%)
Mutual labels: postcss, postcss-plugin
postcss-lazyimagecss
A PostCSS plugin that generates images's CSS width & height properties automatically.
Stars: ✭ 38 (+46.15%)
Mutual labels: postcss, postcss-plugin
postcss-relaxed-unit
🍮Postcss-relaxed-unit is a postcss plugin for unit tranformation and make write css easier with custom unit.
Stars: ✭ 44 (+69.23%)
Mutual labels: postcss, postcss-plugin
postcss-windicss
PostCSS integrations for Windi CSS
Stars: ✭ 33 (+26.92%)
Mutual labels: postcss, postcss-plugin
postcss-define-function
PostCSS plugin for Sass-like function directive
Stars: ✭ 25 (-3.85%)
Mutual labels: postcss, postcss-plugin
postcss-rename
Replace class names based on a customizable renaming scheme.
Stars: ✭ 77 (+196.15%)
Mutual labels: postcss, postcss-plugin
postcss-sort-media-queries
PostCSS plugin for combine and sort CSS media queries with mobile first or desktop first methods.
Stars: ✭ 118 (+353.85%)
Mutual labels: postcss, postcss-plugin
postcss-aspect-ratio
A PostCSS plugin to fix an element's dimensions to an aspect ratio.
Stars: ✭ 38 (+46.15%)
Mutual labels: postcss, postcss-plugin
postcss-prefixwrap
A PostCSS plugin that is used to wrap css styles with a css selector to constrain their affect on parent elements in a page.
Stars: ✭ 54 (+107.69%)
Mutual labels: postcss, postcss-plugin
Postcss Responsive Type
Automagical responsive typography, built on PostCSS
Stars: ✭ 363 (+1296.15%)
Mutual labels: postcss, postcss-plugin
postcss-purgecss
PostCSS plugin for purgecss
Stars: ✭ 92 (+253.85%)
Mutual labels: postcss, postcss-plugin
postcss-gtk
Processes GTK+ CSS into browser CSS
Stars: ✭ 23 (-11.54%)
Mutual labels: postcss, postcss-plugin
postcss
No description or website provided.
Stars: ✭ 59 (+126.92%)
Mutual labels: postcss, postcss-plugin
postcss-clean
PostCss plugin to minify your CSS with clean-css
Stars: ✭ 41 (+57.69%)
Mutual labels: postcss, postcss-plugin
postcss-styl
PostCSS parser plugin for converting Stylus syntax to PostCSS AST.
Stars: ✭ 15 (-42.31%)
Mutual labels: postcss, postcss-plugin
postcss-critical-css
PostCSS plugin to define and output critical CSS using custom atRules, and/or custom CSS properties. Critical CSS may be output to one or more files, as defined within the plugin options or within the CSS.
Stars: ✭ 84 (+223.08%)
Mutual labels: postcss, postcss-plugin
postcss-typed-css-classes
PostCSS plugin that generates typed entities from CSS classes for chosen programming language.
Stars: ✭ 12 (-53.85%)
Mutual labels: postcss, postcss-plugin
postcss-momentum-scrolling
PostCSS plugin add 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS
Stars: ✭ 69 (+165.38%)
Mutual labels: postcss, postcss-plugin
PostCSS Position
PostCSS plugin that adds shorthand attributes to position declarations.
Part of Rucksack - CSS Superpowers
Input
.foo {
position: absolute 10px 0;
}
.bar {
position: fixed 0;
}
.baz {
position: relative 30% auto 0;
}
.fab {
position: absolute 10px 0 20px 30px;
}
Output
.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
postcss([ require('postcss-position') ])
See PostCSS docs for examples for your environment.
MIT © Sean King
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].