Contents

// Mixin for generating new styles
@mixin btn-styles($btn-color, $btn-states-color) {
  border-color: $btn-color;
  color: $btn-color;

  &:hover,
  &:focus,
  &:active,
  &.active,
  &:active:focus,
  &:active:hover,
  .open > &.dropdown-toggle,
  .open > &.dropdown-toggle:focus,
  .open > &.dropdown-toggle:hover {
      background-color: $btn-color ;
      color: $fill-font-color ;
      border-color: $btn-color ;
      .caret{
          border-top-color: $fill-font-color;
      }
  }

  &.disabled,
  &:disabled,
  &[disabled],
  fieldset[disabled] & {
    &,
    &:hover,
    &:focus,
    &.focus,
    &:active,
    &.active {
      background-color: $transparent-bg;
      border-color: $btn-color;
    }
  }


  &.btn-fill {
    color: $white-color;
    background-color: $btn-color;
    @include opacity(1);

    &:hover,
    &:focus,
    &:active,
    &.active,
    .open > &.dropdown-toggle{
        background-color: $btn-states-color;
        color: $white-color;
        border-color: $btn-states-color;
    }

    .caret{
        border-top-color: $white-color;
    }
  }

  &.btn-simple {
    &:hover,
    &:focus,
    &:active,
    &.active,
    .open > &.dropdown-toggle{
        background-color: $transparent-bg;
        color: $btn-states-color;
    }

    .caret{
        border-top-color: $white-color;
    }
  }

  .caret{
      border-top-color: $btn-color;
  }
}


@mixin btn-size($padding-vertical, $padding-horizontal, $font-size, $border, $line-height){
   font-size: $font-size;
   border-radius: $border;
   padding: $padding-vertical $padding-horizontal;

   &.btn-simple{
       padding: $padding-vertical + 2 $padding-horizontal;
   }

}

Version data entries

3 entries across 3 versions & 3 rubygems

Version	Path
action_ui-0.0.1	vendor/assets/stylesheets/pd/pd/mixins/_buttons.scss
cre_pro-0.0.1	vendor/assets/stylesheets/pd/pd/mixins/_buttons.scss
cre_pro-rails-0.0.1	vendor/assets/stylesheets/pd/pd/mixins/_buttons.scss