Cascade in action! : Frontend Workshop

dabblet.css

/**
 * Cascade in action! : Frontend Workshop
 */

body {
  color: #000;
  background-color: #fff;
}
#wrap {
  font-size: 2em;
  color: #333;
}
div {
  font-size: 1em;
}
em {
  color: #666;
}
p.item {
  color: #fff;
  background-color: #ccc;
  border-style: dashed;
}
p {
  border: 1px solid black;
  padding: 0.5em;
}

dabblet.html

<div id="wrap">
   <p class="item">
     This is the <em>cascade</em> in
     <a href="#">action</a>
   </p>
 </div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}