Untitled

dabblet.css

.b1 {
  background-color: #ccc;
  height: 200px;
  width: 400px;
}

.b4 {
  background-color: #a00;
  height: 80%;
  width: 300px;
  margin-left: 50px
}

.b2 {
  background-color: #FFCE54;
  height: 30px;
}

.b3 {
  background-color: #967ADC;
  height: calc(100%-10px);
  margin-left: 50px;
  width: 200px;
}

dabblet.html

<div class="b1">
  <div class="b4">
	  <div class="b2">
	  </div>
	  <div class="b3">
	  </div>
  </div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}