Example form field and lable

SassMeister-input-HTML.html

<label for="input">Lable:</label>
<input id="input" type="text">

SassMeister-input.scss

// ----
// libsass (v0.7.0)
// ----

@import "bourbon/bourbon";

* {
  box-sizing: border-box;
  outline: none;
}

label {
  display: block;
  line-height: 2em;
  font-weight: bold;
  font: {
    variant: small-caps;
    family: arial;
  };
}

input {
  width: 50%;
  padding: em(20);
  border: 1px solid #999;
  &:focus {
    background-color: transparentize(orange, .5);
    color: #333;
  }
}

SassMeister-output.css

* {
  box-sizing: border-box;
  outline: none; }

label {
  display: block;
  line-height: 2em;
  font-weight: bold;
  font-variant: small-caps;
  font-family: arial; }

input {
  width: 50%;
  padding: 1.25em;
  border: 1px solid #999; }
  input:focus {
    background-color: rgba(255, 165, 0, 0.5);
    color: #333; }

SassMeister-rendered.html

<label for="input">Lable:</label>
<input id="input" type="text">