Most days, I'm writing vanilla CSS. Thanks to CSS variables and nesting, I have fewer reasons to reach for Sass or any other preprocessor. The times I reach

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

The introduction of the CSS Functions and Mixins Module could reduce the need for preprocessors like Sass, thanks to its ability to loop through lists and keep styles DRY. The new module, still in draft stages, introduces both custom functions and mixins distinctively. Custom functions work like advanced custom properties and offer capabilities such as returning multiple values conditionally. Mixins, akin to those in Sass, enable reusable style blocks but with the new @apply at-rule for embedding styles in CSS rulesets. Various nuances and potential limitations are under discussion within the CSS Working Group.

CSS Functions and Mixins Module Notes

Custom functions are advanced custom properties

Mixins help maintain DRY, reusable style blocks

<p>Nice, looking forward to all that. I just hope there will be a nice function to generate random values or so.</p>
