Generated by SassMeister.com, the Sass playground.

SassMeister-input.scss

// ---
// Sass (v3.2.9)
// ---


@mixin button() {
  $button-color: #ECECEC;
  $button-text-color: #2d2d2d;
  border-radius: 0.2em;
  color: $button-text-color;
  background: {
    color: $button-color;
  }
  border: {
    width: 1px;
    style: solid;
    color: adjust-color($button-color, $lightness: -10%)
  }
  font: {
    family: sans-serif;
    weight: normal;
    size: 0.9rem;
  }
  line-height: 1.25;
  text-transform: uppercase;
  padding: 0.2em 0.5em;
  text-shadow: adjust-color($button-color, $lightness: 15%) 1px 1px 0;
  &:hover {
    background: {
      color: adjust-color($button-color, $lightness: 5%);
    }
  }
  &:active {
    background: {
      color: adjust-color($button-color, $lightness: 10%);
    }
  }
}

input[type="submit"] {
  @include button;
}
input[type="reset"] {
  @include button;
}
button {
  @include button;
}
    

SassMeister-output.css

input[type="submit"] {
  border-radius: 0.2em;
  color: #2d2d2d;
  background-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-color: lightgrey;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.25;
  text-transform: uppercase;
  padding: 0.2em 0.5em;
  text-shadow: white 1px 1px 0;
}
input[type="submit"]:hover {
  background-color: #f9f9f9;
}
input[type="submit"]:active {
  background-color: white;
}

input[type="reset"] {
  border-radius: 0.2em;
  color: #2d2d2d;
  background-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-color: lightgrey;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.25;
  text-transform: uppercase;
  padding: 0.2em 0.5em;
  text-shadow: white 1px 1px 0;
}
input[type="reset"]:hover {
  background-color: #f9f9f9;
}
input[type="reset"]:active {
  background-color: white;
}

button {
  border-radius: 0.2em;
  color: #2d2d2d;
  background-color: #ececec;
  border-width: 1px;
  border-style: solid;
  border-color: lightgrey;
  font-family: sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.25;
  text-transform: uppercase;
  padding: 0.2em 0.5em;
  text-shadow: white 1px 1px 0;
}
button:hover {
  background-color: #f9f9f9;
}
button:active {
  background-color: white;
}