anchovy-css's Introduction

Anchovy CSS

anchovy-css is a pure-Python CSS pre-processor. The key feature it currently offers is arbitrary selector and media query nesting. Future releases will add more feature parity with established competitors, adding inclusions, features flags, and custom properties/functions.

Installation

anchovy-css includes wheels which can be installed using pip: pip install anchovy-css.

Alternatively, anchovy-css may be installed directly from source: pip install git+https://github.com/pydsigner/anchovy-css.

anchovy-css's People

Contributors

Stargazers

Watchers

anchovy-css's Issues

Add support for inclusions

Add support for @where-@else

https://caniuse.com/css-when-else
https://www.w3.org/TR/css-conditional-5/#when-rule

Add support for custom properties

p {
    my-property: 10px;
}

It would be easiest to support these in Python, but maybe more useful to allow them in Anchovy CSS as well:

@anchovy-property (my-property, --size) {
    margin-left: calc(-2 * arg(--size));
    padding: arg(--size) 0;
}

Switch to lightningcss from tinycss2

tinycss2 offers a huge amount of flexibility as it produces a detailed AST out of any syntactically valid input. However, it does not offer much help for transformations. Meanwhile, lightningcss ships with baked-in support for our key functionality, and with hooks that would make our future functionality much easier to implement. While we would need to wait for pydsigner/python-lightningcss#1, there's huge potential available to get rid of brittle parser logic and make extending anchovy-css even simpler.