migaCSS - Make Inline Great Again
still WIP.Why?
I really want to spend less effort in styling. And don‘t want to spend too much time understanding the unncessary abstractions.
How?
migaCSS provides a bunch of tools that you can easily pick up and use, for progressive adoption.
$
$ might be the easiest way to Style Props, give it a try!
import { $ } from 'migacss';
import { useState } from 'react';
export default function App() {
const [count, setCount] = useState(0)
return (
<$.div $padding="12px">
<$.button $color="#fff" $backgroundColor="#000"
onClick={() => setCount(count => count + 1)}
>click me {count}</$.button>
</$.div>
);
}