/*---------------------------------------------------------------------------------------------
* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
* See LICENSE.md in the project root for license terms and full copyright notice.
*--------------------------------------------------------------------------------------------*/
@import "../style/typography";
@import "../style/themecolors";
@import "../inputs/variables";

$text-font-size: $uicore-font-size;
$text-font-color: $buic-text-color;
$button-font-size: $uicore-font-size-leading;

.core-form-wrapper {
  padding: 8px;
  padding-bottom: 0;
 }

.core-form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 14px;
}

.core-form-label {
  padding:                0;
  padding-bottom:         4px;
  margin:                 0;
  border:                 0 none transparent;
  display:                block;
  font-size:              $text-font-size;
  line-height:            $uicore-inputs-height;
  text-align:             left;
  color:                  $buic-text-color;
}

.core-form-input {
  line-height:            $uicore-inputs-height;
}

.core-form-textarea {
  line-height:             $uicore-inputs-height;
}

.core-form-select {
  line-height:            $uicore-inputs-height;
  height:                 $uicore-inputs-height * 1.27;
  width:                  fit-content;
  min-width:              20%;
}

.core-form-footer {
  flex-shrink: 0;
  padding-bottom: 0;

  > .core-form-buttons {
    display: flex;
    justify-content: flex-end;

    > * {
      min-width: 80px;
      font-size:              $button-font-size;

      &:not(:first-child) {
        margin-left: $uicore-inputs-margin;
      }
    }
  }
}

.core-form-alert {
  padding: 0.75rem;
  margin-top: .5rem;
  margin-bottom: .25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: $buic-accessory-alert;
  background-color: $buic-accessory-alert-tint;
}