_variables.scss

@import "./functions/index.import.scss";

// Options
$kendo-enable-shadows: true !default;
$kendo-enable-rounded: true !default;
$kendo-enable-gradients: true !default;
$kendo-enable-transitions: true !default;

$kendo-spacing: (
    0: 0,
    1px: 1px,
    0.5: 0.125rem,
    1: 0.25rem,
    1.5: 0.375rem,
    2: 0.5rem,
    2.5: 0.625rem,
    3: 0.75rem,
    3.5: 0.875rem,
    4: 1rem,
    4.5: 1.125rem,
    5: 1.25rem,
    5.5: 1.375rem,
    6: 1.5rem,
    6.5: 1.625rem,
    7: 1.75rem,
    7.5: 1.875rem,
    8: 2rem,
    9: 2.25rem,
    10: 2.5rem,
    11: 2.75rem,
    12: 3rem,
    13: 3.25rem,
    14: 3.5rem,
    15: 3.75rem,
    16: 4rem,
    17: 4.25rem,
    18: 4.5rem,
    19: 4.75rem,
    20: 5rem,
    21: 5.25rem,
    22: 5.5rem,
    23: 5.75rem,
    24: 6rem,
) !default;

/// Border radius for all components.
$kendo-border-radius: k-map-get($kendo-spacing, 0.5) !default;
$kendo-border-radius-sm: k-math-div($kendo-border-radius, 2) !default;
$kendo-border-radius-md: $kendo-border-radius !default;
$kendo-border-radius-lg: ($kendo-border-radius * 2) !default;

$kendo-border-radii: (
    DEFAULT: var(--kendo-border-radius-md, $kendo-border-radius-md),
    0: 0,
    sm: var(--kendo-border-radius-sm, $kendo-border-radius-sm),
    md: var(--kendo-border-radius-md, $kendo-border-radius-md),
    lg: var(--kendo-border-radius-lg, $kendo-border-radius-lg),
    none: 0,
    full: 9999px,
) !default;

// Metrics
$kendo-padding-x: k-map-get($kendo-spacing, 2) !default;
$kendo-padding-y: k-map-get($kendo-spacing, 1) !default;
$kendo-padding-sm-x: k-map-get($kendo-spacing, 1) !default;
$kendo-padding-sm-y: k-map-get($kendo-spacing, 0.5) !default;
$kendo-padding-md-x: k-map-get($kendo-spacing, 2) !default;
$kendo-padding-md-y: k-map-get($kendo-spacing, 1) !default;
$kendo-padding-lg-x: k-map-get($kendo-spacing, 3) !default;
$kendo-padding-lg-y: k-map-get($kendo-spacing, 1.5) !default;

// Equilateral triangle variables
// stylelint-disable number-max-precision
$equilateral-index: 1.7320508076 !default;
$equilateral-height: 0.8660254038 !default;
// stylelint-enable number-max-precision

// Loading
$kendo-loading-opacity: .3 !default;
$kendo-zindex-loading: 100 !default;