Adding !important marker to Clay CSS rules

Question

I'm using Clay to generate CSS rules in Haskell. For example:

cssStyle :: Css
cssStyle = body ? paddingTop (px 60)

generates this CSS:

body {padding-top : 60px;}

How can I add an !important tag to this rule that yields

body {padding-top : 60px !important;}

Answer 1

You can use the -: operator to specify a custom value:

cssStyle :: Css
cssStyle = body ? ("padding-top" -: "60px !important")