Opal-Estate-Pro/assets/scss/components/vars/_form.scss
2019-09-10 11:27:33 +07:00

115 lines
5.6 KiB
SCSS
Executable File

// Select
// -------------------------
$select-size : 32px !default;
$select-border-color : $border-color !default;
$select-padding : 4px 6px !default;
// Input
// -------------------------
$input-padding : 5px 6px !default;
$input-font-size : $font-size-base - 1;
$input-group-form-bg : transparent !default;
$input-group-form-margin : 0 0 5px 0!default;
$input-group-padding : 6px 11px !default;
$input-group-font-size : 12px !default;
$input-group-addon-color : #fff !default;
$input-group-height : 42px !default;
$input-form-bg : $gray-darker !default;
// Button
// -------------------------
$btn-transform : uppercase !default;
$btn-padding-vertical : 5px !default;
$btn-padding-horizontal : 20px !default;
$btn-font-size : 12px !default;
$btn-line-height : 30px !default;
$btn-border-radius : 4px !default;
$btn-lg-padding-vertical : 15px !default;
$btn-lg-padding-horizontal : 30px !default;
$btn-lg-font-size : 18px !default;
$btn-lg-line-height : $line-height-large !default;
$btn-lg-border-radius : 5px !default;
$btn-sm-padding-vertical : 7px !default;
$btn-sm-padding-horizontal : 12px !default;
$btn-sm-font-size : 10px !default;
$btn-sm-line-height : $line-height-small !default;
$btn-sm-border-radius : $border-radius-small !default;
$btn-xs-padding-vertical : 4px !default;
$btn-xs-padding-horizontal : 10px !default;
$btn-xs-font-size : 10px !default;
$btn-xs-line-height : $line-height-small !default;
$btn-xs-border-radius : $border-radius-small !default;
$btn-outline-color : $white !default;
$btn-outline-hover-color : $white !default;
$btn-outline-height : 36px !default;
$btn-outline-padding : 3px 15px !default;
$btn-outline-bg : $theme-color !default;
$btn-outline-hover-bg :$theme-color-second !default;
$btn-outline-border : 0 !default;
$btn-outline-border-hover : 0 !default;
$btn-outline-font-size : 12px !default;
$btn-outline-line-height : 28px !default;
$btn-outline-border-radius : 0 !default;
$btn-outline-sm-padding-vertical : 8px !default;
$btn-outline-sm-padding-horizontal : 18px !default;
$btn-outline-sm-font-size : 11px !default;
$btn-outline-sm-line-height : 1.3 !default;
$btn-outline-sm-border-radius : 3px !default;
$btn-outline-xs-padding-vertical : 5px !default;
$btn-outline-xs-padding-horizontal : 15px !default;
$btn-outline-xs-font-size : 11px !default;
$btn-outline-xs-line-height : 1.2 !default;
$btn-outline-xs-border-radius : 3px !default;
$btn-outline-lg-padding-vertical : 21px !default;
$btn-outline-lg-padding-horizontal : 48px !default;
$btn-outline-lg-font-size : 14px !default;
$btn-outline-lg-line-height : 3 !default;
$btn-outline-lg-border-radius : 4px !default;
$btn-inverse-color : $black !default;
$btn-inverse-hover-color : $white !default;
$btn-inverse-bg : $white !default;
$btn-inverse-hover-bg : $black !default;
$btn-inverse-border-color : $border-color !default;
$btn-inverse-border-hover-color : $border-color !default;
$btn-inverse-font-size : 12px !default;
$btn-inverse-padding : 10px 15px !default;
$btn-outline-inverse-color : $theme-color-second !default;
$btn-outline-inverse-bg : $black !default;
$btn-outline-inverse-border-color : 1px solid $btn-outline-inverse-bg !default;
$btn-outline-inverse-hover-bg : $theme-color !default;
$btn-outline-inverse-hover-color : $white !default;
$btn-outline-inverse-border-hover-color : 1px solid $theme-color-second !default;
// Search
// -------------------------
$search-bg : $white !default;
$search-font-size : 12px !default;
$search-padding : 15px !default;
$search-width : auto !default;
$search-button-bg : transparent !default;
$search-main-button-bg : $white !default;
$search-main-button-border : $border-color !default;
$search-main-button-color : $gray-darker !default;
$search-button-border : 0px !default;
$search-button-hover-bg : $white !default;
$search-button-color : $white !default;
$search-button-size : 36px !default;
$search-button-hover-color : $gray-darker !default;
$search-radius : 3px !default;
$search-height : 50px !default;
$search-border : transparent !default;
$search-hover-border : $border-color !default;
$search-border-radius : 4px !default;
$search-categories-border-radius : 4px !important;