“restyle” topics

Custom Functions

reSTYLE allows you to author very expressive patterns, but has one major limitation: it doesn’t allow logic. This is starkly different from Sass’ mixins,…


When you create a UI pattern with reSTYLE, you usually start with a set of default styles.

Namespaced Keys

When creating UI patterns in reSTYLE, you might have a need to distinguish between multiple keys with the same name.

Nesting Selectors

reSTYLE provides you with the ability to compose intuitive and semantic UI patterns that are decoupled from the specific selector hierarchy often found…

Property References

Now that you’ve gotten the hang of defining UI patterns, let’s jump into some of the more advanced features of working with a pattern definition. In this…

reSTYLE Variables

We all know how powerful Sass $variables are and how much they’ve changed the world of CSS.


State definitions allow you to express unique variations of UI patterns based on the element’s current status. Examples of states include hover, focus,…

Working with multiple values

We previously learned how to use namespaced keys to represent multiple properties of the same key in a definition. Here we’ll discuss an alternate approach…