Contents

.button {
  @extend .btn;
  font-size: 12px !important;
  height: 27px;
  line-height: 30px;
  padding: 0px 15px !important;
  text-shadow: none;
  background: $btnBackground;
  @include box-shadow(none);
  border: none;
  border: 1px solid darken($btnBackground, 5%);
  border-bottom: 4px solid darken($btnBackground, 10%);
  outline: none !important;

  &.disabled,
  &[disabled] {
    &:hover {
      background: $btnBackground;
      color: $grayDark;
      @include opacity(75%);
    }
  }

  &.strong {
    font-weight: bold;
  }

  &:hover, &:active {
    background: darken($btnBackground, 10%);
    text-decoration: none !important;
  }
}

.button-large {
  @extend .btn-large;
  font-size: 18px !important;
  padding: 11px 19px !important;
  @include border-radius(4px);
}

@mixin extend-button($backgroundColor, $foreColor: white) {
  @content;
  @include box-shadow(none);
  background: $backgroundColor;
  color: $foreColor;
  border: none;
  border: 1px solid darken($backgroundColor, 5%);
  border-bottom: 4px solid darken($backgroundColor, 10%);
  &:hover, &:active {
    background: darken($backgroundColor, 10%);
    text-decoration: none !important;
  }
}

.button-group {
  @extend .btn-group;
}

.button-logo {
  @include extend-button($logoColor) { @extend .btn-primary; }
}

.button-primary {
  @include extend-button($btnPrimaryBackground) { @extend .btn-primary; }
}

.button-success {
  @include extend-button($btnSuccessBackground) { @extend .btn-success; }
}

.button-warning {
  @include extend-button($btnWarningBackground) { @extend .btn-warning; }
}

.button-danger {
  @include extend-button($btnDangerBackground) { @extend .btn-danger; }
}

.button-info {
  @include extend-button($btnInfoBackground) { @extend .btn-info; }
}

.button-inverse {
  @include extend-button($btnInverseBackground) { @extend .btn-inverse; }
}

input[type="submit"] {
  &.button, &.button-warning {
    height: 32px !important;
    line-height: 30px;

    &:hover, &:active {
      text-decoration: none !important;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
tida_template-0.3.2	vendor/assets/stylesheets/_buttons.scss
tida_template-0.3.1	vendor/assets/stylesheets/_buttons.scss