PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.
postcss css parser ast framework rework preprocessor source-map transform manipulation transpilerCSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.
preprocessor pre-processor postprocessor post-processor rework css pure autoprefixer postcss sass less stylus style gradients variables media-queries calc prefixesProcesses GTK+ CSS into browser CSS
postcss-gtk browser-css processor gtk gtk3 gtk3-theme style styles stylesheet postcss postcss-plugin postcss-plugins rework gtk+ css preprocessor converter conversion gtk-css stylesheets theme themes os operating-system gui browser webIssues with the output should be reported on the Styl issue tracker.The compress option from Styl is intentionally missing. A separate task like gulp-csso will do a much better job.
gulpplugin styl style stylus stylesheet css preprocess preprocessor rework compileIssues with the output should be reported on the Myth issue tracker.Embed a Source Map.
gruntplugin myth style stylesheet css postprocess postprocessor rework compile polyfillIssues with the output should be reported on the Myth issue tracker.Embed a Source Map.
gulpplugin myth style stylesheet css postprocess postprocessor rework compile polyfillIssues with the output should be reported on the Rework issue tracker.The compress option from Rework is intentionally missing. A separate task like gulp-csso will do a better job.
gulpplugin rework style stylesheet css preprocess preprocessor compile transform manipulationCopy all assets referenced by the CSS document to a folder, updating the CSS references. The path to each asset source is determined by the src directory and the position.source property of each node that is set when parsing with css-parse if position tracking is enabled (this is the same information used for generating source maps). This means that even if the source document is parsed from several files (for example when using rework-npm), it will still resolve the referenced asset using the source file path.
rework css assets build static filesAutomatically add in companion classes where psuedo-selectors are used. This allows you to add the class name to force the styling of a pseudo-selector, which can be really helpful for testing or being able to concretely reach all style states.
rework rework-plugins psuedoselector css preprocessrework your css files with Grunt. First, setup your project with grunt.
gruntplugin reworkIMPORTANT: i would really recommend using webpack-postcss-tools instead of this loader. it's build on css-loader, so it's more stable, plus postcss seems to be a more active project than rework at this point. this is a loader for webpack that allows you to create css modules and process them with rework.
webpack rework cssYou can also use the "properties" imgsizew and imgsizeh to get only the width or height of the image, respectively.
rework image size cssMutate CSS selectors. In your project's Gruntfile, add a section named css_selectors to the data object passed into grunt.initConfig().
gruntplugin css selector selectors reworkWalk rules of a style sheet and remove unused code. Alternatively, you can use css-eliminator as a Rework plugin.
css rework dead-codeMacro body can expand other macros but recursive expansion isn't allowed. macros with no arguments are not allowed — consider turning them into classes and use rework-inherit instead.
rework css macroImplements Tab Atkins's proposed color function in CSS.
rework color functionNote: This was the way we used to approach writing CSS at Segment.io and it inspired us to make Myth, which is where future development for this idea will be happening. A collection of pure-CSS Rework plugins, so you can write bleeding-edge, spec-compliant CSS and it will get transformed for browsers that haven't caught up yet.
rework css spec pureGenerate custom units for Pure Grids via Rework. The new classnames can be added to HTML elements whenever their width should change at the break-points specified in the mediaQueries option above.
pure css grids reworkRework CSS plugin for generating custom, lightweight flex grids. Every project is different.
rework css flexbox grid rework-plugin
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.