$css-vars: false;
$sass-vars: true;

@import "utilities/_variables";
@import "utilities/_helpers";

$colors: ();
$sizes: ();

// autocomplete
$whitelist: add-to-whitelist(
    'autocomplete-menu-background',
    'autocomplete-menu-zindex'
);

// button
$whitelist: add-to-whitelist(
    'button-background-color',
    'button-color',
    'button-disabled-opacity',
    'button-outlined-background-color'
);

// carousel
$whitelist: add-to-whitelist(
    'carousel-overlay-zindex',
    'carousel-indicator-size',
    'carousel-indicator-background',
    'carousel-indicator-border',
    'carousel-indicator-active-background',
    'carousel-indicator-active-border',
    'carousel-indicator-size',
    'carousel-indicator-dots-border-radius',
    'carousel-arrow-size',
    'carousel-arrow-background',
    'carousel-arrow-color',
    'carousel-arrow-top',
    'carousel-arrow-icon-spaced'
);

// checkbox
$whitelist: add-to-whitelist(
    'checkbox-size',
    'checkbox-active-background-color',
    'checkbox-checkmark-color',
    'checkbox-border-color',
    'checkbox-disabled-opacity'
);

// datepicker
$whitelist: add-to-whitelist(
    'datepicker-item-disabled-color',
    'datepicker-item-selectable-color',
    'datepicker-btn-border-color',
    'datepicker-btn-color',
    'datepicker-item-hovered-background-color',
    'datepicker-item-hovered-color',
    'datepicker-item-selected-background-color',
    'datepicker-item-selected-color',
    'datepicker-item-selected-within-background-color',
    'datepicker-event-background-color'
);


// dropdown
$whitelist: add-to-whitelist(
    'dropdown-menu-background',
    'dropdown-mobile-overlay-color',
    'dropdown-disabled-opacity',
    'dropdown-menu-zindex',
    'dropdown-mobile-overlay-zindex',
    'dropdown-mobile-zindex',
    'dropdown-item-active-background-color',
    'dropdown-item-active-color',
    'dropdown-item-disabled-opacity'
);

// icon
$whitelist: add-to-whitelist(
    'icon-spin-duration'
);

// input
$whitelist: add-to-whitelist();

// inputitems
$whitelist: add-to-whitelist(
    'inputitems-border-style',
    'inputitems-border-color',
    'inputitems-border-width',
    'inputitems-color',
    'inputitems-item-color',
    'inputitems-item-background-color'
);

// modal
$whitelist: add-to-whitelist(
    'modal-zindex',
    'modal-content-background-color',
    'modal-overlay-background-color',
    'moda-close-size',
    'modal-close-top',
    'modal-close-right'
);

// notification
$whitelist: add-to-whitelist(
    'notification-background-color',
    'notification-color',
    'notification-close-right',
    'notification-close-top',
    'notification-notices-padding',
    'notification-notices-zindex'
);

// pagination
$whitelist: add-to-whitelist(
    'pagination-link-current-background-color',
    'pagination-link-current-border-color',
    'pagination-link-current-color'
);

// radio
$whitelist: add-to-whitelist(
    'radio-size',
    'radio-active-background-color',
    'radio-disabled-opacity'
);

// select
$whitelist: add-to-whitelist(
    'select-arrow-size'
);

// sidebar
$whitelist: add-to-whitelist(
    'sidebar-zindex',
    'sidebar-overlay',
    'sidebar-content-background-color'
);

// slider
$whitelist: add-to-whitelist(
    'slider-track-background',
    'slider-tick-background',
    'slider-fill-background',
    'slider-thumb-size',
    'slider-thumb-background',
    'slider-thumb-border',
    'slider-background',
    'slider-tick-width',
    'slider-track-height'
);

// skeleton
$whitelist: add-to-whitelist(
    'skeleton-background',
    'skeleton-duration'
);

// steps
$whitelist: add-to-whitelist(
    'steps-marker-color',
    'steps-marker-border',
    'steps-marker-background',
    'steps-previous-color',
    'steps-active-color',
    'steps-details-background-color'
);

// switch
$whitelist: add-to-whitelist(
    'switch-width',
    'switch-padding',
    'switch-background',
    'switch-action-background',
    'switch-active-background-color',
    'switch-disabled-opacity',
    'switch-rounded-border-radius'
);

// tabs
$whitelist: add-to-whitelist(
    'tabs-disabled-opacity',
    'tabs-link-active-color',
    'tabs-link-active-border-bottom-color',
    'tabs-link-color'
);

// timepicker
$whitelist: add-to-whitelist(
    'timepicker-select-placeholder-opacity'
);

// tooltip
$whitelist: add-to-whitelist(
    'tooltip-arrow-size',
    'tooltip-arrow-margin',
    'tooltip-content-zindex',
    'tooltip-background-color'
);

@import "oruga-common.scss";