From b6ee4f3bf7e7ce9eeb7de71ced81673f6576beb7 Mon Sep 17 00:00:00 2001 From: Zhuliyan Penkov Date: Fri, 12 Jul 2024 16:47:32 +0300 Subject: [PATCH] docs: add pivotgrid variable descriptions --- .../bootstrap/scss/pivotgrid/_variables.scss | 142 +++++++++++++++++ .../classic/scss/pivotgrid/_variables.scss | 142 +++++++++++++++++ .../default/scss/pivotgrid/_variables.scss | 144 ++++++++++++++++++ .../fluent/scss/pivotgrid/_variables.scss | 136 ++++++++--------- .../material/scss/pivotgrid/_variables.scss | 140 +++++++++++++++++ 5 files changed, 636 insertions(+), 68 deletions(-) diff --git a/packages/bootstrap/scss/pivotgrid/_variables.scss b/packages/bootstrap/scss/pivotgrid/_variables.scss index a1fb6f36d4e..5b864c46864 100644 --- a/packages/bootstrap/scss/pivotgrid/_variables.scss +++ b/packages/bootstrap/scss/pivotgrid/_variables.scss @@ -2,101 +2,243 @@ // Pivot grid +/// The spacer of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-spacer: k-spacing(4) !default; +/// The horizontal padding of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-x: null !default; +/// The vertical of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-y: null !default; +/// The font family of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default; +/// The font size of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default; +/// The line height of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default; +/// The border width of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border-width: 1px !default; +/// The icon spacing of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-icon-spacing: k-spacing(1) !default; +/// The default width of the PivotGrid row header. +/// @group pivotgrid $kendo-pivotgrid-row-header-width: 300px !default; +/// The default height of the PivotGrid column header. +/// @group pivotgrid $kendo-pivotgrid-column-header-height: 75px !default; +/// The horizontal padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default; +/// The vertical padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default; +/// The border width of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-border-width: 1px !default; +/// The background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-text: $kendo-component-text !default; +/// The border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border: $kendo-component-border !default; +/// The alt border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default; +/// The background color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default; +/// The text color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-border: $kendo-component-header-border !default; +/// The background color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default; +/// The text color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-border: $kendo-component-header-border !default; +/// The hover background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default; +/// The hover text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-text: null !default; +/// The hover border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-border: null !default; +/// The selected background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 )) !default; +/// The selected text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-text: null !default; +/// The selected border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-border: null !default; +/// The focus shadow of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default; // Pivotgrid Configurator +/// The horizontal padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-x: null !default; +/// The vertical padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-y: null !default; +/// The border width of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border-width: 1px !default; +/// The horizontal padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default; +/// The font size of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-size: 18px !default; +/// The font weight of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-weight: 500 !default; +/// The horizontal padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-y: k-spacing(1) !default; +/// The horizontal margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default; +/// The vertical margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; +/// The default width of the PivotGrid vertical configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-vertical-width: 320px !default; +/// The default height of the PivotGrid horizontal configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-horizontal-height: 420px !default; +/// The background color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-text: $kendo-component-text !default; +/// The border color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border: $kendo-component-border !default; +/// The background color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-bg: null !default; +/// The text color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-border: null !default; +/// The shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-shadow: k-elevation(3) !default; +/// The end shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-end-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The start shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The top shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The bottom shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The horizontal padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default; +/// The vertical padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default; +/// The border width of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-border-width: 1px !default; +/// The size of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default; // Calculated fields +/// The horizontal padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default; +/// The border width of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-width: 1px !default; +/// The border radius of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default; +/// The spacing of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default; +/// The background color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-text: $kendo-component-text !default; +/// The border color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border: $kendo-component-border !default; +/// The background color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-bg: null !default; +/// The text color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-border: null !default; +/// The horizontal padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-x: k-spacing(6) !default; +/// The vertical padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default; // Legacy variables diff --git a/packages/classic/scss/pivotgrid/_variables.scss b/packages/classic/scss/pivotgrid/_variables.scss index 751678fa0c0..d0c66f24c10 100644 --- a/packages/classic/scss/pivotgrid/_variables.scss +++ b/packages/classic/scss/pivotgrid/_variables.scss @@ -2,101 +2,243 @@ // Pivot grid +/// The spacer of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-spacer: k-spacing(4) !default; +/// The horizontal padding of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-x: null !default; +/// The vertical of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-y: null !default; +/// The font family of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default; +/// The font size of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default; +/// The line height of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default; +/// The border width of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border-width: 1px !default; +/// The icon spacing of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-icon-spacing: k-spacing(1) !default; +/// The default width of the PivotGrid row header. +/// @group pivotgrid $kendo-pivotgrid-row-header-width: 300px !default; +/// The default height of the PivotGrid column header. +/// @group pivotgrid $kendo-pivotgrid-column-header-height: 75px !default; +/// The horizontal padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default; +/// The vertical padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default; +/// The border width of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-border-width: 1px !default; +/// The background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-text: $kendo-component-text !default; +/// The border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border: $kendo-component-border !default; +/// The alt border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default; +/// The background color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default; +/// The text color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-border: $kendo-component-header-border !default; +/// The background color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default; +/// The text color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-border: $kendo-component-header-border !default; +/// The hover background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default; +/// The hover text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-text: null !default; +/// The hover border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-border: null !default; +/// The selected background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 )) !default; +/// The selected text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-text: null !default; +/// The selected border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-border: null !default; +/// The focus shadow of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default; // Pivotgrid Configurator +/// The horizontal padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-x: null !default; +/// The vertical padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-y: null !default; +/// The border width of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border-width: 1px !default; +/// The horizontal padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default; +/// The font size of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-size: 18px !default; +/// The font weight of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-weight: 500 !default; +/// The horizontal padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-y: k-spacing(0) !default; +/// The horizontal margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default; +/// The vertical margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; +/// The default width of the PivotGrid vertical configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-vertical-width: 320px !default; +/// The default height of the PivotGrid horizontal configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-horizontal-height: 420px !default; +/// The background color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-text: $kendo-component-text !default; +/// The border color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border: $kendo-component-border !default; +/// The background color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-bg: null !default; +/// The text color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-border: null !default; +/// The shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-shadow: k-elevation(3); +/// The end shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-end-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The start shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The top shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The bottom shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default; +/// The horizontal padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default; +/// The vertical padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default; +/// The border width of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-border-width: 1px !default; +/// The size of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default; // Calculated fields +/// The horizontal padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default; +/// The border width of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-width: 1px !default; +/// The border radius of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(sm) !default; +/// The spacing of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default; +/// The background color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-text: $kendo-component-text !default; +/// The border color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border: $kendo-component-border !default; +/// The background color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-bg: null !default; +/// The text color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-border: null !default; +/// The horizontal padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-x: calc( #{$kendo-pivotgrid-spacer} / 2) !default; +/// The vertical padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default; // Legacy variables diff --git a/packages/default/scss/pivotgrid/_variables.scss b/packages/default/scss/pivotgrid/_variables.scss index 4a8c8fa2b16..2ae07a44d79 100644 --- a/packages/default/scss/pivotgrid/_variables.scss +++ b/packages/default/scss/pivotgrid/_variables.scss @@ -2,101 +2,245 @@ // Pivot grid +/// The spacer of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-spacer: k-spacing(4) !default; +/// The horizontal padding of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-x: null !default; +/// The vertical of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-y: null !default; +/// The font family of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default; +/// The font size of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default; +/// The line height of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default; +/// The border width of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border-width: 1px !default; +/// The icon spacing of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-icon-spacing: k-spacing(1) !default; +/// The default width of the PivotGrid row header. +/// @group pivotgrid $kendo-pivotgrid-row-header-width: 300px !default; +/// The default height of the PivotGrid column header. +/// @group pivotgrid $kendo-pivotgrid-column-header-height: 75px !default; +/// The horizontal padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default; +/// The vertical padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default; +/// The border width of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-border-width: 1px !default; +/// The background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-text: $kendo-component-text !default; +/// The border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border: $kendo-component-border !default; +/// The alt border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade($kendo-pivotgrid-border, 2)) !default; +/// The background color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-bg: $kendo-component-header-bg !default; +/// The text color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-border: $kendo-component-header-border !default; +/// The background color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default; +/// The text color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-border: $kendo-component-header-border !default; +/// The hover background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken($kendo-pivotgrid-bg, 7%)) !default; +/// The hover text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-text: null !default; +/// The hover border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-border: null !default; +/// The selected background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25)) !default; +/// The selected text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-text: null !default; +/// The selected border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-border: null !default; +/// The focus shadow of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default; + // Pivotgrid Configurator +/// The horizontal padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-x: null !default; +/// The vertical padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-y: null !default; +/// The border width of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border-width: 1px !default; +/// The horizontal padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default; +/// The font size of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-size: 18px !default; +/// The font weight of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-weight: 500 !default; +/// The horizontal padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-y: k-spacing(0.5) !default; +/// The horizontal margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default; +/// The vertical margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; +/// The default width of the PivotGrid vertical configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-vertical-width: 320px !default; +/// The default height of the PivotGrid horizontal configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-horizontal-height: 420px !default; +/// The background color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-text: $kendo-component-text !default; +/// The border color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border: $kendo-component-border !default; +/// The background color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-bg: null !default; +/// The text color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-border: null !default; +/// The shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-shadow: k-elevation(3) !default; +/// The end shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-end-shadow: $kendo-pivotgrid-configurator-shadow !default; // -3px 0px 6px rgba(0, 0, 0, .16) +/// The start shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow !default; // 3px 0px 6px rgba(0, 0, 0, .16) +/// The top shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow !default; // 0px -3px 6px rgba(0, 0, 0, .16) +/// The bottom shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default; // 0px 3px 6px rgba(0, 0, 0, .16) +/// The horizontal padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default; +/// The vertical padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default; +/// The border width of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-border-width: 1px !default; +/// The size of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default; + // Calculated fields +/// The horizontal padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default; +/// The border width of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-width: 1px !default; +/// The border radius of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default; +/// The spacing of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default; +/// The background color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-text: $kendo-component-text !default; +/// The border color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border: $kendo-component-border !default; +/// The background color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-bg: null !default; +/// The text color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-border: null !default; +/// The horizontal padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-x: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; +/// The vertical padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default; // Legacy variables diff --git a/packages/fluent/scss/pivotgrid/_variables.scss b/packages/fluent/scss/pivotgrid/_variables.scss index a515c08639c..b2bd39b8571 100644 --- a/packages/fluent/scss/pivotgrid/_variables.scss +++ b/packages/fluent/scss/pivotgrid/_variables.scss @@ -5,228 +5,228 @@ @use "../table/_variables.scss" as *; @use "../list/_variables.scss" as *; -/// Spacer of the PivotGrid. +/// The spacer of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-spacer: k-spacing(3) !default; -/// Horizontal padding of the PivotGrid. +/// The horizontal padding of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-padding-x: k-spacing(0) !default; -/// Vertical of the PivotGrid. +/// The vertical of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-padding-y: k-spacing(0) !default; -/// Font family of the PivotGrid. +/// The font family of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default; -/// Font size of the PivotGrid. +/// The font size of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default; -/// Line height of the PivotGrid. +/// The line height of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default; -/// Border width of the PivotGrid. +/// The border width of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-border-width: 1px !default; -/// Icon spacing of the PivotGrid. +/// The icon spacing of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-icon-spacing: k-spacing(1) !default; -/// Background color of the PivotGrid. +/// The background color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-bg: var( --kendo-component-bg, initial ) !default; -/// Text color of the PivotGrid. +/// The text color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-text: var( --kendo-component-text, initial ) !default; -/// Border color of the PivotGrid. +/// The border color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-border: var( --kendo-component-border, initial ) !default; -/// Alt border color of the PivotGrid. +/// The alt border color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-alt-border: $kendo-pivotgrid-border !default; -/// Default width of the PivotGrid row header. +/// The default width of the PivotGrid row header. /// @group pivotgrid $kendo-pivotgrid-row-header-width: 300px !default; -/// Default height of the PivotGrid column header. +/// The default height of the PivotGrid column header. /// @group pivotgrid $kendo-pivotgrid-column-header-height: 75px !default; -/// Horizontal padding of the PivotGrid cell. +/// The horizontal padding of the PivotGrid cell. /// @group pivotgrid $kendo-pivotgrid-cell-padding-x: $kendo-table-cell-padding-x !default; -/// Vertical padding of the PivotGrid cell. +/// The vertical padding of the PivotGrid cell. /// @group pivotgrid $kendo-pivotgrid-cell-padding-y: $kendo-table-cell-padding-y !default; -/// Border width of the PivotGrid cell. +/// The border width of the PivotGrid cell. /// @group pivotgrid $kendo-pivotgrid-cell-border-width: 1px !default; -/// Background color of the PivotGrid header. +/// The background color of the PivotGrid header. /// @group pivotgrid $kendo-pivotgrid-headers-bg: var( --kendo-component-bg, inherit ) !default; -/// Text color of the PivotGrid header. +/// The text color of the PivotGrid header. /// @group pivotgrid $kendo-pivotgrid-headers-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default; -/// Border color of the PivotGrid header. +/// The border color of the PivotGrid header. /// @group pivotgrid $kendo-pivotgrid-headers-border: var( --kendo-component-border, inherit ) !default; -/// Background color of the PivotGrid total cells. +/// The background color of the PivotGrid total cells. /// @group pivotgrid $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-get-theme-color-var( neutral-20 )) !default; -/// Text color of the PivotGrid total cells. +/// The text color of the PivotGrid total cells. /// @group pivotgrid $kendo-pivotgrid-total-text: var( --kendo-component-text, inherit ) !default; -/// Border color of the PivotGrid total cells. +/// The border color of the PivotGrid total cells. /// @group pivotgrid $kendo-pivotgrid-total-border: var( --kendo-component-border, inherit ) !default; -/// Hover background color of the PivotGrid. +/// The hover background color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-hover-bg: var( --kendo-hover-bg, inherit ) !default; -/// Hover text color of the PivotGrid. +/// The hover text color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-hover-text: inherit !default; -/// Hover border color of the PivotGrid. +/// The hover border color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-hover-border: inherit !default; -/// Selected background color of the PivotGrid. +/// The selected background color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-selected-bg: var( --kendo-selected-bg, inherit ) !default; -/// Selected text color of the PivotGrid. +/// The selected text color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-selected-text: inherit !default; -/// Selected border color of the PivotGrid. +/// The selected border color of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-selected-border: inherit !default; -/// Focus shadow of the PivotGrid. +/// The focus shadow of the PivotGrid. /// @group pivotgrid $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default; -/// Horizontal padding of the PivotGrid configurator. +/// The horizontal padding of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-padding-x: k-spacing(0) !default; -/// Vertical padding of the PivotGrid configurator. +/// The vertical padding of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-padding-y: k-spacing(0) !default; -/// Border width of the PivotGrid configurator. +/// The border width of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-border-width: 1px !default; -/// Horizontal padding of the PivotGrid configurator header. +/// The horizontal padding of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default; -/// Vertical padding of the PivotGrid configurator header. +/// The vertical padding of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-y: $kendo-pivotgrid-configurator-header-padding-x !default; -/// Font size of the PivotGrid configurator header. +/// The font size of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-font-size: calc( var( --kendo-font-size-xl, 2rem ) * .9 ) !default; -/// Font weight of the PivotGrid configurator header. +/// The font weight of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-font-weight: var( --kendo-font-weight-bold, bold ) !default; -/// Horizontal padding of the PivotGrid configurator content. +/// The horizontal padding of the PivotGrid configurator content. /// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default; -/// Vertical padding of the PivotGrid configurator content. +/// The vertical padding of the PivotGrid configurator content. /// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-y: k-spacing(0) !default; -/// Horizontal margin of the PivotGrid configurator fields. +/// The horizontal margin of the PivotGrid configurator fields. /// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default; -/// Vertical margin of the PivotGrid configurator fields. +/// The vertical margin of the PivotGrid configurator fields. /// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; -/// Spacing of the PivotGrid configurator fields. +/// The spacing of the PivotGrid configurator fields. /// @group pivotgrid $kendo-pivotgrid-configurator-fields-gap: k-spacing(2) !default; -/// Default width of the PivotGrid vertical configurator. +/// The default width of the PivotGrid vertical configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-vertical-width: 320px !default; -/// Default height of the PivotGrid horizontal configurator. +/// The default height of the PivotGrid horizontal configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-horizontal-height: 420px !default; -/// Background color of the PivotGrid configurator. +/// The background color of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-bg: var( --kendo-component-bg, inherit ) !default; -/// Text color of the PivotGrid configurator. +/// The text color of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default; -/// Border color of the PivotGrid configurator. +/// The border color of the PivotGrid configurator. /// @group pivotgrid $kendo-pivotgrid-configurator-border: var( --kendo-component-border, inherit )!default; -/// Background color of the PivotGrid configurator header. +/// The background color of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-bg: var( --kendo-component-bg, inherit ) !default; -/// Text color of the PivotGrid configurator header. +/// The text color of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-text: var( --kendo-component-text, inherit ) !default; -/// Border color of the PivotGrid configurator header. +/// The border color of the PivotGrid configurator header. /// @group pivotgrid $kendo-pivotgrid-configurator-header-border: inherit !default; -/// Horizontal padding of the PivotGrid configurator button. +/// The horizontal padding of the PivotGrid configurator button. /// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default; -/// Vertical padding of the PivotGrid configurator button. +/// The vertical padding of the PivotGrid configurator button. /// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default; -/// Border width of the PivotGrid configurator button. +/// The border width of the PivotGrid configurator button. /// @group pivotgrid $kendo-pivotgrid-configurator-button-border-width: 1px !default; -/// Size of the PivotGrid configurator button. +/// The size of the PivotGrid configurator button. /// @group pivotgrid $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default; -/// Icon spacing of the PivotGrid configurator button. +/// The icon spacing of the PivotGrid configurator button. /// @group pivotgrid $kendo-pivotgrid-configurator-button-icon-spacing: k-spacing(2) !default; -/// Horizontal padding of the PivotGrid calculated field. +/// The horizontal padding of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default; -/// Vertical padding of the PivotGrid calculated field. +/// The vertical padding of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default; -/// Border width of the PivotGrid calculated field. +/// The border width of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-border-width: 1px !default; -/// Border radius of the PivotGrid calculated field. +/// The border radius of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default; -/// Spacing of the PivotGrid calculated field. +/// The spacing of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default; -/// Background color of the PivotGrid calculated field. +/// The background color of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-bg: var( --kendo-component-bg, inherit ) !default; -/// Text color of the PivotGrid calculated field. +/// The text color of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-text: var( --kendo-component-text, inherit ) !default; -/// Border color of the PivotGrid calculated field. +/// The border color of the PivotGrid calculated field. /// @group pivotgrid $kendo-pivotgrid-calculated-field-border: var( --kendo-component-border, inherit ) !default; -/// Background color of the PivotGrid calculated field header. +/// The background color of the PivotGrid calculated field header. /// @group pivotgrid $kendo-pivotgrid-calculated-field-header-bg: inherit !default; -/// Text color of the PivotGrid calculated field header. +/// The text color of the PivotGrid calculated field header. /// @group pivotgrid $kendo-pivotgrid-calculated-field-header-text: var( --kendo-component-text, inherit ) !default; -/// Border color of the PivotGrid calculated field header. +/// The border color of the PivotGrid calculated field header. /// @group pivotgrid $kendo-pivotgrid-calculated-field-header-border: inherit !default; -/// Horizontal padding of the PivotGrid treeview. +/// The horizontal padding of the PivotGrid treeview. /// @group pivotgrid $kendo-pivotgrid-treeview-padding-x: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; -/// Vertical padding of the PivotGrid treeview. +/// The vertical padding of the PivotGrid treeview. /// @group pivotgrid $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default; diff --git a/packages/material/scss/pivotgrid/_variables.scss b/packages/material/scss/pivotgrid/_variables.scss index 87d200913f7..fc2fbc0c169 100644 --- a/packages/material/scss/pivotgrid/_variables.scss +++ b/packages/material/scss/pivotgrid/_variables.scss @@ -3,99 +3,239 @@ // Pivot grid +/// The spacer of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-spacer: k-spacing(4) !default; +/// The horizontal padding of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-x: null !default; +/// The vertical of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-padding-y: null !default; +/// The font family of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default; +/// The font size of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default; +/// The line height of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default; +/// The border width of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border-width: 1px !default; +/// The icon spacing of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-icon-spacing: k-spacing(1) !default; +/// The default width of the PivotGrid row header. +/// @group pivotgrid $kendo-pivotgrid-row-header-width: 300px !default; +/// The default height of the PivotGrid column header. +/// @group pivotgrid $kendo-pivotgrid-column-header-height: 75px !default; +/// The horizontal padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-x: $kendo-table-md-cell-padding-x !default; +/// The vertical padding of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-padding-y: $kendo-table-md-cell-padding-y !default; +/// The border width of the PivotGrid cell. +/// @group pivotgrid $kendo-pivotgrid-cell-border-width: 1px !default; +/// The background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-text: $kendo-component-text !default; +/// The border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-border: $kendo-component-border !default; +/// The alt border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-alt-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-pivotgrid-border, 2 )) !default; +/// The background color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 2%, transparent), rgba( $kendo-component-header-bg, .02 )) !default; +/// The text color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid header. +/// @group pivotgrid $kendo-pivotgrid-headers-border: $kendo-component-header-border !default; +/// The background color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-pivotgrid-bg, 1 )) !default; +/// The text color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid total cells. +/// @group pivotgrid $kendo-pivotgrid-total-border: $kendo-component-header-border !default; +/// The hover background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-color-darken( $kendo-pivotgrid-bg, 7% )) !default; +/// The hover text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-text: null !default; +/// The hover border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-hover-border: null !default; +/// The selected background color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( base-active ) 25%, transparent), rgba( k-contrast-color( $kendo-pivotgrid-bg ), .04 )) !default; +/// The selected text color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-text: null !default; +/// The selected border color of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-selected-border: null !default; +/// The focus shadow of the PivotGrid. +/// @group pivotgrid $kendo-pivotgrid-focus-shadow: $kendo-list-item-focus-shadow !default; // Pivotgrid Configurator +/// The horizontal padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-x: null !default; +/// The vertical padding of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-padding-y: null !default; +/// The border width of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border-width: 1px !default; +/// The horizontal padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-padding-y: calc( #{$kendo-pivotgrid-spacer} * .75 ) !default; +/// The font size of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-size: 18px !default; +/// The font weight of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-font-weight: 500 !default; +/// The horizontal padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid configurator content. +/// @group pivotgrid $kendo-pivotgrid-configurator-content-padding-y: k-spacing(0) !default; +/// The horizontal margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-x: k-spacing(0) !default; +/// The vertical margin of the PivotGrid configurator fields. +/// @group pivotgrid $kendo-pivotgrid-configurator-fields-margin-y: calc( #{$kendo-pivotgrid-spacer} / 2 ) !default; +/// The default width of the PivotGrid vertical configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-vertical-width: 320px !default; +/// The default height of the PivotGrid horizontal configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-horizontal-height: 420px !default; +/// The background color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-text: $kendo-component-text !default; +/// The border color of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-border: $kendo-component-border !default; +/// The background color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-bg: null !default; +/// The text color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid configurator header. +/// @group pivotgrid $kendo-pivotgrid-configurator-header-border: null !default; +/// The shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-end-shadow: $box-shadow-depth-3 !default; +/// The end shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-start-shadow: $box-shadow-depth-3 !default; +/// The start shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-top-shadow: $box-shadow-depth-3 !default; +/// The top shadow of the PivotGrid configurator. +/// @group pivotgrid $kendo-pivotgrid-configurator-bottom-shadow: $box-shadow-depth-3 !default; +/// The horizontal padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-x: k-spacing(1) !default; +/// The vertical padding of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-padding-y: k-spacing(1) !default; +/// The border width of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-border-width: 1px !default; +/// The size of the PivotGrid configurator button. +/// @group pivotgrid $kendo-pivotgrid-configurator-button-size: calc( calc( #{$kendo-pivotgrid-line-height} * 1em ) + calc( #{$kendo-pivotgrid-configurator-button-padding-y} * 2 ) + calc( #{$kendo-pivotgrid-configurator-button-border-width} * 2 ) ) !default; // Calculated fields +/// The horizontal padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-padding-y: $kendo-pivotgrid-spacer !default; +/// The border width of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-width: 1px !default; +/// The border radius of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border-radius: k-border-radius(md) !default; +/// The spacing of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-gap: $kendo-pivotgrid-spacer !default; +/// The background color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-bg: $kendo-component-bg !default; +/// The text color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-text: $kendo-component-text !default; +/// The border color of the PivotGrid calculated field. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-border: $kendo-component-border !default; +/// The background color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-bg: null !default; +/// The text color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-text: $kendo-component-header-text !default; +/// The border color of the PivotGrid calculated field header. +/// @group pivotgrid $kendo-pivotgrid-calculated-field-header-border: null !default; +/// The horizontal padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-x: $kendo-pivotgrid-spacer !default; +/// The vertical padding of the PivotGrid treeview. +/// @group pivotgrid $kendo-pivotgrid-treeview-padding-y: k-spacing(0) !default; // Legacy variables