Just appreciation for this project.

[figuerom16]

This is the 5th CSS framework that I've used. Tailwind -> Skeleton(Svelte) -> PicoCSS -> BulmaCSS -> muCSS. It's been headaches all the way down when it comes to customization and language lockin.

Tailwind and Skeleton were issues because of build steps. BulmaCSS was ok, but tough to customize and can become class heavy and still end up writing a lot of CSS. PicoCSS was a little too stripped down and had weird classless behavior that I would have been happier not touching.

muCSS finally hit the sweet spot for me. The best example I can give why it's so good is that when I need to do something non-standard. I can simply look under the css folder in the git and see a nice clean layout of any css component.

For example I wanted to do something non-standard and do column style table (I know not recommended). Instead of scrolling through a long css file or trying to figure out applied styles through the inspector; all I had to do what look at https://github.com/Digicreon/muCSS/blob/main/css/mu.component.table.css

Then matched my class to it:

<style>
.table-column tr {display: table-cell;}
.table-column th {
	display: block;
	border-bottom-width: 2px;
	background-color: color-mix(in srgb,var(--mu-secondary) 8%,transparent);
}
.table-column td {display: block;}
</style>
<table class="table-bordered table-compact table-hover table-column">
<tbody contenteditable="true">
	<tr><th contenteditable="false">col1</th><td>1</td><td>2</td><td>3</td></tr>
	<tr><th contenteditable="false">col2</th><td>4</td><td>5</td><td>6</td></tr>
	<tr><th contenteditable="false">col3</th><td>7</td><td>8</td><td>9</td></tr>
</tbody>
</table>
<output live="this.value = q('td').arr().reduce((sum,td)=>sum+(Number(td.textContent)||0), 0)"></output>

No magic just nice CSS that doesn't clash all the way down with very little effort and time. So thank you!

[Amaury]

Hi! Thanks for your kind message. It means a lot.
Your example with the column-style table is a perfect illustration of the design philosophy behind µCSS: one file per component, clean and readable CSS, no magic. Glad it made your life easier.
Feel free to spread the word! 😊