PostCSS
PostCSS is a tool for transforming CSS with JavaScript. It can be used to develop a template language such as Sass and LESS. The PostCSS core consists of:
- CSS parser that generates an abstract syntax tree
- Set of classes that comprises the tree
- CSS generator that generates a CSS line for the object tree
- Code map generator for the CSS changes made#
There are official tools making it possible to use PostCSS with build systems such as Webpack, Gulp, and Grunt. There is also a console interface available. Browserify or Webpack can be used to open PostCSS in a browser.
The complete plugin list can be found on postcss.parts, with some examples listed below.
- Autoprefixer to add and clear browser prefixes.
- CSS Modules to get CSS selectors isolated and code organized. It is supplied as part of Webpack.
- stylelint to analyze CSS code for mistakes and check style consistency.
- stylefmt fixes the CSS code according to the stylelint settings.
- PreCSS to perform some Sass/Less preprocessing functions.
- postcss-preset-env to emulate features from unfinished CSS specification drafts.
- cssnano to make CSS smaller in size by getting rid of the spaces and rewriting the code.
- RTLCSS to change CSS code so that the design should be suitable for right-to-left writing (such is applied in Arabic and Hebrew).
- postcss-assets, postcss-inline-svg and postcss-sprites to work with graphics.
Here are 72 public repositories matching this topic...
This project is made with HTML, CSS, SCSS, Javascript, localStorage and Gulp.js
-
Updated
May 5, 2022 - SCSS
A challenge to build a 3 column preview card from Frontendmentor.io
-
Updated
Aug 15, 2022 - SCSS
My solution for the NFT Card Component challenge from Frontendmentor.io
-
Updated
Mar 16, 2023 - SCSS
The #1 variable-first atomic design framework! This is my personal CSS Framework or project starter kit based on SASS (SCSS) and CSS Variables.
-
Updated
Nov 18, 2023 - SCSS
A simple and customizable markdown CSS stylesheet for everyone.
-
Updated
Apr 6, 2024 - SCSS
A challenge to build a feature section with four cards with varying layouts from Frontendmentor.io
-
Updated
Sep 13, 2022 - SCSS
A challenge to build an article preview component from Frontendmentor.io
-
Updated
Aug 15, 2022 - SCSS
My solution for the Time Tracking Dashboard challenge from Frontendmentor.io
-
Updated
Jan 19, 2023 - SCSS
Basic Webpack 5 Setup
-
Updated
Mar 29, 2024 - SCSS
A challenge to build a stat preview card component from Frontendmentor.io
-
Updated
Oct 16, 2022 - SCSS
My solution for the QR Code Component challenge from Frontendmentor.io
-
Updated
Mar 15, 2023 - SCSS
A Frontend Mentor challenge to create a profile card component.
-
Updated
Oct 20, 2022 - SCSS