| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- // Height
- $s2bs5-height: $input-height !default;
- $s2bs5-height-inner: $input-line-height * 1rem !default;
- // Z-Index
- $s2bs5-zindex: $zindex-modal + 1 !default;
- // Padding
- $s2bs5-padding-y: $form-select-padding-y !default;
- $s2bs5-padding-x: $form-select-padding-x !default;
- // Font
- $s2bs5-font-family: inherit !default;
- $s2bs5-font-size: $form-select-font-size !default;
- $s2bs5-font-weight: $form-select-font-weight !default;
- $s2bs5-line-height: $form-select-line-height !default;
- // Color & background
- $s2bs5-color: $form-select-color !default;
- $s2bs5-placeholder-color: $input-placeholder-color !default;
- $s2bs5-bg: $form-select-bg !default;
- $s2bs5-bg-position: $form-select-bg-position !default;
- $s2bs5-bg-size: $form-select-bg-size !default;
- // Border & shadow
- $s2bs5-border-width: $form-select-border-width !default;
- $s2bs5-border-color: $form-select-border-color !default;
- $s2bs5-border-radius: $form-select-border-radius !default;
- $s2bs5-box-shadow: $form-select-box-shadow !default;
- $s2bs5-transition: $input-transition !default;
- // Indicator
- $s2bs5-indicator-padding: $form-select-indicator-padding !default;
- $s2bs5-indicator: $form-select-indicator !default;
- // Focus
- $s2bs5-focus-border-color: $form-select-focus-border-color !default;
- $s2bs5-focus-width: $form-select-focus-width !default;
- $s2bs5-focus-box-shadow: $form-select-focus-box-shadow !default;
- // Valid
- $s2bs5-valid-border-color: $form-feedback-valid-color !default;
- $s2bs5-valid-focus-box-shadow: 0 0 0 $s2bs5-focus-width rgba($s2bs5-valid-border-color, $input-btn-focus-color-opacity) !default;
- // Invalid
- $s2bs5-invalid-border-color: $form-feedback-invalid-color !default;
- $s2bs5-invalid-focus-box-shadow: 0 0 0 $s2bs5-focus-width rgba($s2bs5-invalid-border-color, $input-btn-focus-color-opacity) !default;
- // Disabled
- $s2bs5-disabled-color: $text-muted !default;
- $s2bs5-disabled-bg: $form-select-disabled-bg !default;
- $s2bs5-disabled-border-color: $s2bs5-border-color !default;
- // Items
- $s2bs5-item-padding-y: $s2bs5-padding-y !default;
- $s2bs5-item-padding-x: $s2bs5-padding-x !default;
- $s2bs5-item-active-bg: $primary !default;
- $s2bs5-item-hover-bg: $gray-200 !default;
- $s2bs5-item-focus-bg: $gray-200 !default;
- // Groups
- $s2bs5-group-padding-y: $s2bs5-padding-y !default;
- $s2bs5-group-padding-x: $s2bs5-padding-x * .5 !default;
- $s2bs5-group-color: $secondary !default;
- $s2bs5-group-font-weight: $headings-font-weight !default;
- // Multiple items
- $s2bs5-multi-item-padding-y: $badge-padding-y !default;
- $s2bs5-multi-item-padding-x: $badge-padding-x !default;
- $s2bs5-options-max-height: 15rem !default;
- // Clear/Remove
- $s2bs5-clear-width: .75rem !default;
- $s2bs5-clear-height: .75rem !default;
- $s2bs5-clear-padding-y: $btn-close-padding-y !default;
- $s2bs5-clear-padding-x: $btn-close-padding-x !default;
- $s2bs5-clear-icon: str-replace($btn-close-bg, #{$btn-close-color}, #{shade-color($s2bs5-border-color, 50%)}) !default;
- $s2bs5-clear-bg: transparent escape-svg($s2bs5-clear-icon) center / $s2bs5-clear-height auto no-repeat !default;
- $s2bs5-clear-hover-bg: transparent escape-svg($btn-close-bg) center / $s2bs5-clear-height auto no-repeat !default;
- // Small
- $s2bs5-height-sm: $input-height-sm !default;
- $s2bs5-height-inner-sm: $input-line-height * 1em !default;
- $s2bs5-padding-y-sm: $form-select-padding-y-sm !default;
- $s2bs5-padding-x-sm: $form-select-padding-x-sm !default;
- $s2bs5-font-size-sm: $form-select-font-size-sm !default;
- $s2bs5-border-radius-sm: $form-select-border-radius-sm !default;
- $s2bs5-item-padding-y-sm: $s2bs5-padding-y-sm !default;
- $s2bs5-item-padding-x-sm: $s2bs5-padding-x-sm !default;
- $s2bs5-group-padding-y-sm: $s2bs5-padding-y-sm !default;
- $s2bs5-group-padding-x-sm: $s2bs5-padding-x-sm * .5 !default;
- $s2bs5-clear-width-sm: .5rem !default;
- $s2bs5-clear-height-sm: .5rem !default;
- $s2bs5-clear-padding-y-sm: .125rem !default;
- $s2bs5-clear-padding-x-sm: .125rem !default;
- $s2bs5-clear-bg-sm: transparent escape-svg($s2bs5-clear-icon) center / $s2bs5-clear-height-sm auto no-repeat !default;
- $s2bs5-clear-hover-bg-sm: transparent escape-svg($btn-close-bg) center / $s2bs5-clear-height-sm auto no-repeat !default;
- $s2bs5-small: (
- "height": $s2bs5-height-sm,
- "height-inner": $s2bs5-height-inner-sm,
- "padding-y": $s2bs5-padding-y-sm,
- "padding-x": $s2bs5-padding-x-sm,
- "font-size": $s2bs5-font-size-sm,
- "border-radius": $s2bs5-border-radius-sm,
- "item-padding-y": $s2bs5-item-padding-y-sm,
- "item-padding-x": $s2bs5-item-padding-x-sm,
- "group-padding-y": $s2bs5-group-padding-y-sm,
- "group-padding-x": $s2bs5-group-padding-x-sm,
- "clear-width": $s2bs5-clear-width-sm,
- "clear-height": $s2bs5-clear-height-sm,
- "clear-padding-y": $s2bs5-clear-padding-y-sm,
- "clear-padding-x": $s2bs5-clear-padding-x-sm,
- "clear-bg": $s2bs5-clear-bg-sm,
- "clear-hover-bg": $s2bs5-clear-hover-bg-sm,
- ) !default;
- // Large
- $s2bs5-height-lg: $input-height-lg !default;
- $s2bs5-height-inner-lg: $input-line-height * 1em !default;
- $s2bs5-padding-y-lg: $form-select-padding-y-lg !default;
- $s2bs5-padding-x-lg: $form-select-padding-x-lg !default;
- $s2bs5-font-size-lg: $form-select-font-size-lg !default;
- $s2bs5-border-radius-lg: $form-select-border-radius-lg !default;
- $s2bs5-item-padding-y-lg: $s2bs5-padding-y-lg !default;
- $s2bs5-item-padding-x-lg: $s2bs5-padding-x-lg !default;
- $s2bs5-group-padding-y-lg: $s2bs5-padding-y-lg !default;
- $s2bs5-group-padding-x-lg: $s2bs5-padding-x-lg * .5 !default;
- $s2bs5-clear-width-lg: 1rem !default;
- $s2bs5-clear-height-lg: 1rem !default;
- $s2bs5-clear-padding-y-lg: .5rem !default;
- $s2bs5-clear-padding-x-lg: .5rem !default;
- $s2bs5-clear-bg-lg: transparent escape-svg($s2bs5-clear-icon) center / $s2bs5-clear-height-lg auto no-repeat !default;
- $s2bs5-clear-hover-bg-lg: transparent escape-svg($btn-close-bg) center / $s2bs5-clear-height-lg auto no-repeat !default;
- $s2bs5-large: (
- "height": $s2bs5-height-lg,
- "height-inner": $s2bs5-height-inner-lg,
- "padding-y": $s2bs5-padding-y-lg,
- "padding-x": $s2bs5-padding-x-lg,
- "font-size": $s2bs5-font-size-lg,
- "border-radius": $s2bs5-border-radius-lg,
- "item-padding-y": $s2bs5-item-padding-y-lg,
- "item-padding-x": $s2bs5-item-padding-x-lg,
- "group-padding-y": $s2bs5-group-padding-y-lg,
- "group-padding-x": $s2bs5-group-padding-x-lg,
- "clear-width": $s2bs5-clear-width-lg,
- "clear-height": $s2bs5-clear-height-lg,
- "clear-padding-y": $s2bs5-clear-padding-y-lg,
- "clear-padding-x": $s2bs5-clear-padding-x-lg,
- "clear-bg": $s2bs5-clear-bg-lg,
- "clear-hover-bg": $s2bs5-clear-hover-bg-lg,
- ) !default;
|