Contents

.button {
  @extend .btn;
  font-size: 12px !important;
  height: 32px;
  line-height: 32px;
  padding: 0px 15px;
  text-shadow: none;
  background: $btnBackground;
  @include box-shadow(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;
  }

  .button:hover, .button:active {
    background: darken($btnBackground, 10%);
    @include box-shadow(none);
    // color: white;
    border: none;
  }
}

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

.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; }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
tida_template-0.1.7	vendor/assets/stylesheets/_buttons.scss
tida_template-0.1.5	vendor/assets/stylesheets/_buttons.scss
tida_template-0.1.3	vendor/assets/stylesheets/_buttons.scss