A PostCSS and TailwindCSS plugin to generate modular type scales.
-
Updated
Oct 8, 2023 - TypeScript
#
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 3,148 public repositories matching this topic...
PostCSS plugin enabling variable mapping for each
-
Updated
Nov 28, 2017 - JavaScript
-
Updated
Mar 17, 2023 - JavaScript
This is a cheat sheet repo for PostCSS
-
Updated
Mar 12, 2023 - CSS
This Practice File includes all about post css. You will get a list of postcss plugins which I used in this practice file or learn from documentation.
postcss
autoprefixer
postcss-plugins
precss
cssnano
gzip-compression
postcss-preset-env
postcss-import
-
Updated
Jul 31, 2023 - CSS
A starter project boilerplate for using SCSS and Webpack
-
Updated
Mar 22, 2023 - JavaScript
-
Updated
Jul 29, 2023 - HTML
Это начальный шаблон разработки — идеальное решение, которое поможет вам начать работу над проектом в кратчайшие сроки, без необходимости устанавливать и настраивать среду разработки с нуля каждый раз, когда вы начинаете работать.
-
Updated
Mar 9, 2023 - JavaScript
Simple gallery with images from the pixabay API. Tailwind css is built into workflow with postcss and autoprefixer.
-
Updated
Aug 22, 2023 - JavaScript
Plugin that allows you to set the default value for the transition shorthand property
-
Updated
Dec 17, 2023 - JavaScript
postcss-fontify is a lightweight PostCSS plugin that generates font-related CSS properties and declarations, saving you time and effort in your stylesheet development.
-
Updated
Apr 8, 2023 - JavaScript
Maquetación de una tarjeta usando Tailwind.css. Aplicandole "responsive design" y selector de tema oscuro.
-
Updated
Jun 6, 2023 - HTML
Tutorial that explains how to install Tailwind
javascript
css
html
cli
npm
postcss
class
postcss-plugin
webdevelopment
webdesign
frontenddevelopment
frontenddesign
tailwindcss
vite
vanila-javascript
-
Updated
Aug 31, 2023
javascript
boilerplate
vuejs
webpack
vue
postcss
eslint
npm-package
vue-router
npm-package-json-lint
-
Updated
Dec 23, 2022 - Vue
This is a solution to the Single-page developer portfolio challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
-
Updated
Aug 24, 2023 - JavaScript
Processes GTK+ CSS into browser CSS
gtk
postcss
processor
style
gtk3
gtk3-theme
stylesheet
postcss-plugins
styles
browser-css
postcss-plugin
postcss-gtk
-
Updated
Sep 25, 2015 - CoffeeScript
A PostCSS plugin to create buttons.
-
Updated
Jan 3, 2023 - JavaScript