Inheritance

dabblet.css

/* Inheritance */
body {
  background: black;
  font-family: helvetica;
}

.container {
  color: white;
  padding: 30px;
  text-align: left;
  text-transform: uppercase;
}

h1 {

}

dabblet.html

<div class="container">
  <h1 class="style1 style2">Here is my fancy heading</h1>
  <p>Lorem <span>ipsum</span> dolor sit amet, consectetur adipiscing elit. Vivamus sodales, nunc non ultricies auctor, justo neque vehicula mauris, quis posuere lacus lorem rhoncus sapien. Pellentesque congue dolor ultricies tellus sodales ultricies. Vivamus dignissim, magna quis posuere ultricies, justo orci porta justo, at dapibus diam lacus in felis. Ut leo nisi, varius at auctor eget, pulvinar nec ipsum. Pellentesque vel aliquam nisl, non ullamcorper eros.</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"200","seethrough":"","prefixfree":"1","page":"all"}