Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

@import "compass";

$primary-color: #4a8bbd;
$secondary-color: #61ce3c;

@mixin button($color) {
  background: $color;
  @extend %btn;
  &:hover {
    background: darken($color, 20%);
  }
}

%btn {
  padding: 1em 2em;
  @include single-box-shadow();
  border-radius: 10px;
  border: 0;
}

.nav ul {
  @include horizontal-list();
}

input {
  &[type="submit"] {
    @include button($secondary-color);
  }
}

.btn-main {
  @include button($primary-color);
}

SassMeister-output.css

input[type="submit"], .btn-main {
  padding: 1em 2em;
  -moz-box-shadow: 0px 5px #333333;
  -webkit-box-shadow: 0px 5px #333333;
  box-shadow: 0px 5px #333333;
  border-radius: 10px;
  border: 0;
}

.nav ul {
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  *zoom: 1;
}
.nav ul li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  white-space: nowrap;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.nav ul li:first-child {
  padding-left: 0;
}
.nav ul li:last-child {
  padding-right: 0;
}
.nav ul li.last {
  padding-right: 0;
}

input[type="submit"] {
  background: #61ce3c;
}
input[type="submit"]:hover {
  background: #3a8321;
}

.btn-main {
  background: #4a8bbd;
}
.btn-main:hover {
  background: #2b5576;
}