TypeStyle

Maintainable CSS is nearly impossible. But writing maintainable JavaScript is a fairly solved problem. Let's combine the two to make CSS maintainability an issue of the past. The DOM style attribute is not enough to cater to things like pseudo-states and media queries. We provide a simple zero-config style function that gives you all the power of CSS with all the safety and maintainability of TypeScript/JavaScript. TypeStyle core is actually very small (~6k gz) and you are free to use just that. However, this guide and TypeStyle are designed to be approachable by both beginner and expert CSS devs. So we provide utilities that are mentioned next. Provided as a separate library (npm install csstips). Provides utilities for page setup/CSS normalization along with mixins and mixin creators. it essentially documents CSS tips that people might not be familiar with.