Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 3 months 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 (over 4 years ago)
Default Branch: master
Last Pushed: 2021-03-14T11:19:34.000Z (almost 4 years ago)
Last Synced: 2024-10-31T12:39:39.047Z (3 months 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.