@use "sass:map";
@use "../box" as *;
@use "../../util/scss/defaults" as *;
@use "../../util/scss/include" as *;
@use "../../util/scss/clockwise.scss" as *;
@use "../../util/scss/calc.scss" as *;

// GRID
$cx-default-grid-font-size: $cx-default-box-font-size !default;
$cx-default-grid-border-color: $cx-default-border-color !default;
$cx-default-grid-background: null !default;
$cx-default-grid-border-radius: null !default;
$cx-default-grid-box-shadow: null !default;

// header
$cx-default-grid-header-font-size: $cx-default-box-font-size !default;
$cx-default-grid-header-font-weight: normal !default;
$cx-default-grid-header-line-height: null !default;
$cx-default-grid-header-color: $cx-default-color !default;
$cx-default-grid-header-background-color: #eee !default;
$cx-default-grid-header-border-color: $cx-default-border-color !default;
$cx-default-grid-header-box-shadow: null !default;
$cx-default-grid-header-padding: null !default;

// data
$cx-default-grid-data-font-size: null !default;
$cx-default-grid-data-font-weight: null !default;
$cx-default-grid-data-line-height: null !default;
$cx-default-grid-data-background-color: transparent !default;
$cx-default-grid-data-alternate-background-color: null !default;
$cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
$cx-default-grid-data-padding: 5px !default;
$cx-default-grid-scroll-wrapper-padding-top: 0 !default;
$cx-default-grid-caption-gap: 15px !default;

// pagination
$cx-grid-pagination-default-border-width: $cx-default-border-width !default;
$cx-grid-pagination-default-border-color: $cx-default-border-color !default;
$cx-grid-pagination-default-border-radius: null !default;
$cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
$cx-grid-pagination-default-padding: $cx-default-box-padding-top cx-multiply(2, $cx-default-box-padding-top) !default;

@include cx-register-dependencies(
   (
      "cx/widgets/Grid": "cx/widgets/DragClone",
   )
);