@use '../base/common/base-variables' as *;

/*! High contrast theme definitions and variables */
/*! Value element styles */
$editor-big-value-text-font-size: 15px !default;
$editor-nrml-value-text-font-size: 14px !default;
$editor-big-value-container-padding: 8px 36px 8px 12px !default;
$editor-nrml-value-container-padding: 6px 10px !default;
$editor-big-value-container-spin-padding: 12px !default;
$editor-nrml-value-container-spin-padding: 10px !default;
$editor-big-value-margin: 0 !default;
$editor-nrml-value-margin: 0 30px 0 0 !default;
$editor-rtl-big-value-margin: 0 0 0 32px !default;
$editor-rtl-nrml-value-margin: 0 0 0 30px !default;
$editor-big-overlay-icon-size: 16px !default;
$editor-nrml-overlay-icon-size: 14px !default;
$editor-big-overlay-icon-container-size: 20px !default;
$editor-nrml-overlay-icon-container-size: 18px !default;
$editor-big-overlay-icon-left-right: 12px !default;
$editor-nrml-overlay-icon-left-right: 10px !default;
$editor-value-hover-bg: $hover-bg !default;
$editor-value-text-color: $content-font !default;
$editor-overlay-icon-color: $content-font !default;
$editor-value-text-border: 1px dashed $editor-value-text-color !default;
$editable-overlay-icon-height: inherit !default;
$editable-overlay-icon: 0 !default;

/*! Tooltip styles */
$editor-tip-bg: $bg-base-0 !default;
$editor-tip-border: 1px solid $border-fg !default;
$editor-tip-arrow-icon-color: $bg-base-0 !default;
$editor-tip-title-arrow-icon-color: $bg-base-0 !default;
$editor-tip-arrow-bdr-color: $border-fg !default;
$editor-tip-title-arrow-bdr-color: $border-fg !default;
$editor-tip-box-shadow: none !default;

/*! Tip Content styles */
$editor-tip-content-bdr-radius: 0 !default;
$editor-popup-tip-content-bdr-radius: 0 !default;

/*! Title styles */
$editor-tip-title-font-weight: 600 !default;
$editor-big-tip-title-font-size: 14px !default;
$editor-nrml-tip-title-font-size: 13px !default;
$editor-big-tip-title-padding: 0 0 0 12px !default;
$editor-nrml-tip-title-padding: 0 0 0 12px !default;
$editor-rtl-big-tip-title-padding: 0 12px 0 0 !default;
$editor-rtl-nrml-tip-title-padding: 0 12px 0 0 !default;
$editor-big-tip-title-container-size: 36px !default;
$editor-nrml-tip-title-container-size: 30px !default;
$editor-tip-title-bg: transparent !default;
$editor-tip-title-color: $header-font !default;
$editor-tio-title-border-bottom: 1px solid $border-fg !default;

/*! Wrapper styles */
$editor-big-tip-wrapper-padding: 12px !default;
$editor-nrml-tip-wrapper-padding: 12px !default;
$editor-big-wrapper-title-with-padding: 10px 12px 12px 12px !default;
$editor-nrml-wrapper-title-with-padding: 10px 12px 12px 12px !default;

/*! Component group styles */
$editor-component-bottom-margin: 4px !default;

/*! Button styles */
$editor-buttons-top-margin: 4px !default;
$editor-btn-save-icon-size: 16px !default;
$editor-btn-cancel-icon-size: 16px !default;
$editor-big-btn-save-margin: 0 4px 0 0 !default;
$editor-nrml-btn-save-margin: 0 4px 0 0 !default;
$editor-big-btn-cancel-margin: 0 0 0 4px !default;
$editor-nrml-btn-cancel-margin: 0 0 0 4px !default;
$editor-rtl-big-btn-save-margin: 0 0 0 4px !default;
$editor-rtl-nrml-btn-save-margin: 0 0 0 4px !default;
$editor-rtl-big-btn-cancel-margin: 0 4px 0 0 !default;
$editor-rtl-nrml-btn-cancel-margin: 0 4px 0 0 !default;
$editor-btn-icon-color: $content-font !default;

$padding-zero: 0;
$editor-bgr-content-min-height: 70px !default;
$editor-value-min-height: 38px !default;
$editor-content-min-height: 60px !default;
$editable-bgr-tip-width: auto !default;
$editor-rtl-spinner-right: 5px !default;
