Mathematically-Augmented Recursive Stylesheets
A (currently theoretical) CSS preprocessor that allows complex math to be performed and rules to be placed within rules, while still looking much like CSS3.
Responsive Button Example
The following selector selects all buttons, colors them orange, makes their text the same color as link text, gives them 0.5em padding on top and bottom and 1em padding on left and right, and sets the width to be 100% of its parent, minus its left and right padding. It then says that, on hover or focus, the background should change to lightblue, and on mousedown, it should be black with white text. Then, it shows a selector that styles all heading elements (
H6), and anything with the
.heading class which is in a
HEADER, but only when those have the