GrooCSS

Code CSS in Groovy

Pseudo-classes

CSS Pseudo-classes such as :hover, :active, :nth-child, etc.

input % hover { color blue }
li % nthChild('3n') { color blue }

Produces:

input:hover { color: Blue; }
li:nth-child(3n) { color: Blue; }

There are also shorthands like 'odd' and 'even':

li % odd { color blue }

Produces:

li:nth-child(odd) { color: Blue; }

Index | Next

Last updated: 31 July 2019