Preprocessors require us to learn a new syntax and think about things differently than if we were writing plain ol’ CSS. Also they allow us to implement complex solutions to problems which can make it difficult for others to work with in the end. All of this depends on the implementer of course but they do allow you to get into trouble if you don’t take care to fully understand how they work.
Myth.io, by Segment, is a CSS Preprocessor taking a slightly different approach. Rather than using it’s own syntax, it acts as a “polyfill” for CSS to fill in the gaps between what browsers actually support, what’s in the spec, and what is proposed. The overall goal is to make it so as the spec evolves you can just stop using Myth and it will just work. You also don’t have to worry about learning all of the nuances of another language since you are essentially writing CSS for the future.
Myth is built on top of Rework which is a powerful, open source library for building custom preprocessors. It also makes use of autoprefixer to automate the process of adding vendor specific prefixes where necessary based on the caniuse.com database.
The key to Myth is its simplicity. It doesn’t try to do too much. It simply gives you what you need, although some of you may need more, most of you won’t.
You can get more info here
View the Source
You can view the source on github here