Structure your CSS code using JSON objects
JSS lets you define your styles as structured JSON objects. The JSS processor transforms your JSON-Styles into flat CSS the browser understands.
"#header": {
height: 75,
position: "absolute",
"top,left,right": 0,
background: "rgba(0,0,0,.1)",
h1: {
padding_left: 20,
font_size: "200%",
a: {
color: "inherit",
text_decoration: "none",
"&:hover": {
text_shadow: "0 0 10px white"
}
}
}
}