@import "normalize-rails";

// Firefox fix for disabled inputs
input[type="text"]:disabled {
  background: initial;
}

$formagic-base-color        : #333 !default;
$formagic-positive-color    : rgb( 74,135,238) !default;
$formagic-assertive-color   : rgb(239, 78, 58) !default;
$formagic-label-color       : lighten($formagic-base-color, 25%);
$formagic-placeholder-color : rgb(210,210,210) !default;
$formagic-border-color      : #eee !default;

@mixin custom-scrollbar($color, $bg-color, $radius) {
  &::-webkit-scrollbar       { width: 6px; background-color: $bg-color; }
  &::-webkit-scrollbar-thumb { background-color: $color; border-radius: $radius; }
}

@mixin bottom-border($color) {
  &:after {
    @include position(absolute, null 0px 0px 1em);
    background-color : $color;
    content          : '';
    display          : block;
    height           : 1px;
  }
}

@mixin no-bottom-border {
  &:after {
    visibility : hidden;
  }
}

@mixin no-focus-outline {
  &:focus {
    outline : none;
  }
}

@mixin no-outline {
  @include no-focus-outline;
  outline : none;
  border  : none;
}

@mixin icon-reorder($color) {
  display : block;
  height  : 40px;
  width   : 40px;

  &:before {
    content : '';
    display : block;
    height  : 40px;
    width   : 40px;
    background-position : 10px 10px;
    background-repeat   : no-repeat;
    background-image    : url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><line x1='0' y1='8' x2='20' y2='8' stroke-width='2' stroke='#{ $color }' /><line x1='0' y1='12' x2='20' y2='12' stroke-width='2' stroke='#{ $color }' /></svg>");
    background-size     : 20px 20px;
  }
}

@import "formagic/form";
@import "formagic/checkbox";
@import "formagic/color";
@import "formagic/date";
@import "formagic/file";
@import "formagic/group";
@import "formagic/image";
@import "formagic/list";
@import "formagic/nested-form";
@import "formagic/redactor-character";
@import "formagic/select";
@import "formagic/string";
@import "formagic/switch";
@import "formagic/text";
@import "formagic/array";