line 4, ../sass/screen.scss

dabblet.css

/* line 4, ../sass/screen.scss */
a.button {
  display: block;
  width: 120px;
  height: 35px;
  border-radius: 4px;
  text-align: center;
  line-height: 35px;
  text-decoration: none;
  font-family: 'Helvetica';
  font-weight: bold;
  font-size: 10pt;
  float: left;
  margin: 10px 20px;
}

/* line 18, ../sass/screen.scss */
a.whiteish {
  background-color: #f3f3f3;
  border: 1px solid #acacac;
  color: #2b2c2b;
  -moz-box-shadow: inset 0px 0px 1px #bbbbbb;
  -webkit-box-shadow: inset 0px 0px 1px #bbbbbb;
  -o-box-shadow: inset 0px 0px 1px #bbbbbb;
  box-shadow: inset 0px 0px 1px #bbbbbb;
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #eeeeee), color-stop(100%, #fefefe));
  background-image: -webkit-linear-gradient(45%, #eeeeee 0%, #fefefe 100%);
  background-image: -moz-linear-gradient(45%, #eeeeee 0%, #fefefe 100%);
  background-image: -o-linear-gradient(45%, #eeeeee 0%, #fefefe 100%);
  background-image: -ms-linear-gradient(45%, #eeeeee 0%, #fefefe 100%);
  background-image: linear-gradient(45%, #eeeeee 0%, #fefefe 100%);
  text-shadow: rgba(254, 254, 254, 0.5) 0px 1px 0px;
}
/* line 5, ../sass/_css3button.scss */
a.whiteish:hover {
  background-color: white;
}
/* line 8, ../sass/_css3button.scss */
a.whiteish:active {
  background-color: #f9f9f9;
  text-shadow: none;
}
/* line 23, ../sass/screen.scss */
a.whiteish:hover {
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #f6f6f6), color-stop(100%, #fefefe));
  background-image: -webkit-linear-gradient(45%, #f6f6f6 0%, #fefefe 100%);
  background-image: -moz-linear-gradient(45%, #f6f6f6 0%, #fefefe 100%);
  background-image: -o-linear-gradient(45%, #f6f6f6 0%, #fefefe 100%);
  background-image: -ms-linear-gradient(45%, #f6f6f6 0%, #fefefe 100%);
  background-image: linear-gradient(45%, #f6f6f6 0%, #fefefe 100%);
}
/* line 26, ../sass/screen.scss */
a.whiteish:active {
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #fefefe), color-stop(100%, #f6f6f6));
  background-image: -webkit-linear-gradient(45%, #fefefe 0%, #f6f6f6 100%);
  background-image: -moz-linear-gradient(45%, #fefefe 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(45%, #fefefe 0%, #f6f6f6 100%);
  background-image: -ms-linear-gradient(45%, #fefefe 0%, #f6f6f6 100%);
  background-image: linear-gradient(45%, #fefefe 0%, #f6f6f6 100%);
}

/* line 30, ../sass/screen.scss */
a.other_style {
  background-color: #d2d2d2;
  border: 1px solid #8e8e8e;
  color: #545554;
  -moz-box-shadow: inset 0px 0px 1px #b3b3b3;
  -webkit-box-shadow: inset 0px 0px 1px #b3b3b3;
  -o-box-shadow: inset 0px 0px 1px #b3b3b3;
  box-shadow: inset 0px 0px 1px #b3b3b3;
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #cfcfcf), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(45%, #cfcfcf 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(45%, #cfcfcf 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(45%, #cfcfcf 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(45%, #cfcfcf 0%, #e9e9e9 100%);
  background-image: linear-gradient(45%, #cfcfcf 0%, #e9e9e9 100%);
  text-shadow: rgba(254, 254, 254, 0.5) 0px 1px 0px;
}
/* line 5, ../sass/_css3button.scss */
a.other_style:hover {
  background-color: #dfdfdf;
}
/* line 8, ../sass/_css3button.scss */
a.other_style:active {
  background-color: #a3a3a3;
  text-shadow: none;
}
/* line 35, ../sass/screen.scss */
a.other_style:hover {
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #dbdbdb), color-stop(100%, #f3f3f3));
  background-image: -webkit-linear-gradient(45%, #dbdbdb 0%, #f3f3f3 100%);
  background-image: -moz-linear-gradient(45%, #dbdbdb 0%, #f3f3f3 100%);
  background-image: -o-linear-gradient(45%, #dbdbdb 0%, #f3f3f3 100%);
  background-image: -ms-linear-gradient(45%, #dbdbdb 0%, #f3f3f3 100%);
  background-image: linear-gradient(45%, #dbdbdb 0%, #f3f3f3 100%);
}
/* line 38, ../sass/screen.scss */
a.other_style:active {
  background-image: -webkit-gradient(linear, 45%, 55%, color-stop(0%, #e3e3e3), color-stop(100%, #b6b6b6));
  background-image: -webkit-linear-gradient(45%, #e3e3e3 0%, #b6b6b6 100%);
  background-image: -moz-linear-gradient(45%, #e3e3e3 0%, #b6b6b6 100%);
  background-image: -o-linear-gradient(45%, #e3e3e3 0%, #b6b6b6 100%);
  background-image: -ms-linear-gradient(45%, #e3e3e3 0%, #b6b6b6 100%);
  background-image: linear-gradient(45%, #e3e3e3 0%, #b6b6b6 100%);
}

dabblet.html

<a href="#" class="button whiteish">Sample Button</a>
<a href="#" class="button other_style">Sample Button</a>

settings.json

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