input ** before { content '===' }
p ** firstLine { fontSize 2.em }
GrooCSS
Code CSS in Groovy
Pseudo-classes
Pseudo Elements
Pseudo elements are things like ::before, ::after, ::first-line, etc.
They can be added using the ** syntax. Eg:
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; }Last updated: 31 July 2019