@import "settings";
@import "foundation-sites/scss/forms/forms";
@import "separators";
@import "textinputs";
@import "select";
@import "optionsets";

/// Flag whether or not you want to include bonsai inputs components
/// @type Bool
$bonsai-include-forms: $bonsai-include-components !default;

/// Gateway mixin for forms
@mixin bonsai-forms {
  @if $bonsai-include-forms {
    @include foundation-forms;

    label {
      font-weight: bold;
      color: $bonsai-black;
    }

    fieldset {
      border: none;
      padding: 0;

      legend {
        @include medium-heading;

        margin-bottom: 0.875rem;
      }
    }

    @include bonsai-inputs;
    @include bonsai-select;
    @include bonsai-option-sets;
  }
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
  font-size: 1rem !important;
}

.input-group-field.select::after {
  margin-left: -2.25rem !important;
}