Contents

@import "colors.css.scss";
@import "mixins.css.scss";

input[type="submit"],
input[type="button"],
button,
.nice-button,
{
  @include background-gradient(#f8f8f8,#ededed);
  padding: 7px 12px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  color: #696969;
  text-shadow: 1px 1px 1px #fff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 3px;

  &.success-button,
  &.primary-button,
  &.danger-button {
    box-shadow: inset 0 0 0 rgba(0,0,0,0.15),inset 0 14px 14px rgba(255,255,255,0.15),inset 0 1px 0 rgba(255,255,255,0.50);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.60);
  }
}

input[type="submit"].primary-button {
  background:#12598a;
}

input[type="submit"].primary-button:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0px -1px 0px rgba(0,0,0,0.15), inset 0px 14px 14px rgba(255,255,255,0.25), inset 0px 1px 0px rgba(255,255,255,0.50);
  color:#fff;
}

input[type="submit"].primary-button:active{
  box-shadow: inset 0px 1px 0px rgba(0,0,0,0.2);
  text-shadow: 0 1px 1px rgba(0,0,0,0.40);
}

input[disabled],
input[disabled]:active,
input[disabled]:hover,
button[disabled],
button[disabled]:active,
button[disabled]:hover {
  @include background-gradient(#f5f5f5, #e7e7e7);
  color: $disabled-button-grey;
  -webkit-transition: none;
  box-shadow: none;
  text-shadow: none;
  cursor: not-allowed;
  border: 1px solid $border-black;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
lay_me_out-1.2.9	app/assets/stylesheets/lay_me_out/buttons.css.scss
lay_me_out-1.2.8	app/assets/stylesheets/lay_me_out/buttons.css.scss