Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
typicode committed May 8, 2024
1 parent 7c864dd commit 2e8d9d6
Showing 1 changed file with 6 additions and 1 deletion.
7 changes: 6 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,18 +2,23 @@

[![Node.js CI](https://github.com/typicode/mistcss/actions/workflows/node.js.yml/badge.svg)](https://github.com/typicode/mistcss/actions/workflows/node.js.yml)

> Write components using CSS only
> Create components with 50% less code
MistCSS is a new, better and faster way to write visual components. ~~CSS-in-JS~~? Nope! JS-from-CSS 👍

All major frameworks are supported.

## Write your component in CSS only

This CSS is the only code you'll write for your component.

```css title="Button.mist.css"
@scope (button.custom-button) {
:scope {
background: black;
color: white;

/* Define component's props directly in your CSS 👇 */
&[data-variant="primary"] {
background: blue;
}
Expand Down

0 comments on commit 2e8d9d6

Please sign in to comment.