Testing empty values

dabblet.css

/* Testing empty values */

.test:before { content: attr(class); }

.test {
  border: var(--bar) solid;
}

.test_valid {
  --bar: ;
}

.test_invalid {
  --bar:;
}

.test_defined {
  --bar: 10px;
}

.test_fallback_valid {
  --bar: var(--foo, )
}

.test_fallback_invalid {
  --bar: var(--foo,)
}

dabblet.html

<p class="test test_notDeclared"></p>
<p class="test test_invalid"></p>
<p class="test test_valid"></p>
<p class="test test_valid test_defined"></p>
<p class="test test_fallback_valid"></p>
<p class="test test_fallback_invalid"></p>

dabblet.js

// alert('Hello world!');

settings.json

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