https://github.com/ezavile/postcss-plugins

Monorepo that contains a set of PostCSS plugins.
https://github.com/ezavile/postcss-plugins

button-builder button-generator button-style css-utilities design-tokens postcss postcss-plugins typescript-css utility-first

Last synced: about 1 month ago
JSON representation

Monorepo that contains a set of PostCSS plugins.

• Host: GitHub
• URL: https://github.com/ezavile/postcss-plugins
• Owner: ezavile
• Created: 2020-09-09T00:29:32.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-14T11:19:34.000Z (over 3 years ago)
• Last Synced: 2024-07-26T21:51:31.391Z (about 1 month ago)
• Topics: button-builder, button-generator, button-style, css-utilities, design-tokens, postcss, postcss-plugins, typescript-css, utility-first
• Language: TypeScript
• Homepage:
• Size: 1.43 MB
• Stars: 21
• Watchers: 1
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# `@postcss-plugins`

Monorepo that contains a set of PostCSS plugins.

## [`@postcss-plugins/button-builder`](https://github.com/ezavile/postcss-plugins/tree/master/packages/button-builder)

[![npm](https://img.shields.io/npm/v/@postcss-plugins/button-builder.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/button-builder)

A PostCSS plugin to generate button styles from given colors. At the moment, we generate four kind of appearances: `solid`, `outline`, `stroke` and `flat`.

If you want to see the styles generated take a look [here.](https://codepen.io/ezavile/pen/dyOayEm)

## [`@postcss-plugins/console`](https://github.com/ezavile/postcss-plugins/tree/master/packages/console)

[![npm](https://img.shields.io/npm/v/@postcss-plugins/console.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/console)

A PostCSS plugin to output messages to the terminal.

## [`@postcss-plugins/text-transform`](https://github.com/ezavile/postcss-plugins/tree/master/packages/text-transform)

[![npm](https://img.shields.io/npm/v/@postcss-plugins/text-transform.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/text-transform)

A PostCSS plugin to transform the text.

## [`@postcss-plugins/token-utility`](https://github.com/ezavile/postcss-plugins/tree/master/packages/token-utility)

[![npm](https://img.shields.io/npm/v/@postcss-plugins/token-utility.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/token-utility)

A PostCSS plugin to generate design tokens utilities. This plugin generates utility classes and variables based on key-value pair tokens.

## [`@postcss-plugins/typescript-css`](https://github.com/ezavile/postcss-plugins/tree/master/packages/typescript-css)

[![npm](https://img.shields.io/npm/v/@postcss-plugins/typescript-css.svg?style=flat-square)](https://www.npmjs.com/package/@postcss-plugins/typescript-css)

A PostCSS plugin to create a TypeScript file by each CSS file.