css-inherit-fn/README.md

Sass and Less mixins to enable CSS --var: calc(inherit(--var) + 1);

[![JaneOri](https://img.shields.io/badge/JaneOri%20%F0%9F%91%BD-I%20made%20a%20thing!-blueviolet.svg?labelColor=222222)](https://twitter.com/Jane0ri)

# css-inherit-fn
Enables you to write CSS that can inherit and iterate on --vars with ZERO runtime JS.
```css
--var: calc(inherit(--var, 0) + 1);
```
Less and Sass `buildInherit()` mixins compile to vanilla CSS.

Read the documentation here:
https://propjockey.github.io/css-inherit-fn/

Or skip the docs and go hands on in the live playground demos:
https://propjockey.github.io/css-inherit-fn/#live-examples

[<img width="726" alt="image" src="https://user-images.githubusercontent.com/7545075/177216761-a939af28-fdac-475b-be14-6a9682424468.png">](https://propjockey.github.io/css-inherit-fn/#live-examples)