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:hover,
  &:active:focus,
  &.active,
  
  .open > &.dropdown-toggle:focus, 
  .open > &.dropdown-toggle:hover, 
  .open > &.dropdown-toggle {
    background-color: $btn-color;
    color: $fill-font-color;
    border-color: $btn-color;
    .caret{
        border-top-color: $fill-font-color;
    }
    i{
        color: $fill-font-color;
        opacity: 0.7;
    }
  }
  
  &.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;
    }
    i{
        color: $white-color;
        opacity: 1;
    }
  }
  
  &.btn-simple {
    &:hover,
    &:focus,
    &:active,
    &.active,
    .open > &.dropdown-toggle{
        background-color: $transparent-bg;
        color: $btn-states-color;
        i{
            color: $btn-states-color;
            opacity: 1;
        }
        .caret{
            border-top-color: $btn-states-color;
        }
    }
    .caret{
        border-top-color: $btn-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;
/*    line-height: $line-height; */
   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/pk/ct-pk/mixins/_buttons.scss
cre_pro-0.0.1	vendor/assets/stylesheets/pk/ct-pk/mixins/_buttons.scss
cre_pro-rails-0.0.1	vendor/assets/stylesheets/pk/ct-pk/mixins/_buttons.scss