Configuring the Appearance of the TaskBoard Component

Sass Variables

The Telerik and Kendo UI TaskBoard is a composite UI component. To configure and customize its appearance, use not only its dedicated Sass variables but also the Sass variables provided by the Toolbar, Button, and Card components.

Variable	Default Value	Computed Value	Value
`kendo-taskboard-spacer`	`k-map-get( $kendo-spacing, 4 )`	`16px`	Default: `k-map-get( $kendo-spacing, 4 )`Computed: `16px`
Description: The spacing index of the TaskBoard.
`kendo-taskboard-padding-y`	`null`	`null`	Default: `null`Computed: `null`
Description: The vertical padding of the TaskBoard.
`kendo-taskboard-padding-x`	`null`	`null`	Default: `null`Computed: `null`
Description: The horizontal of the TaskBoard.
`kendo-taskboard-font-family`	`$kendo-font-family`	`inherit`	Default: `$kendo-font-family`Computed: `inherit`
Description: The font family of the TaskBoard.
`kendo-taskboard-font-size`	`$kendo-font-size-md`	`14px`	Default: `$kendo-font-size-md`Computed: `14px`
Description: The font size of the TaskBoard.
`kendo-taskboard-line-height`	`$kendo-line-height-md`	`1.4285714286`	Default: `$kendo-line-height-md`Computed: `1.4285714286`
Description: The line height of the TaskBoard.
`kendo-taskboard-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the TaskBoard.
`kendo-taskboard-text`	`null`	`null`	Default: `null`Computed: `null`
Description: The text color of the TaskBoard.
`kendo-taskboard-border`	`null`	`null`	Default: `null`Computed: `null`
Description: The border color of the TaskBoard.
`kendo-taskboard-toolbar-padding-y`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The vertical padding of the TaskBoard Toolbar.
`kendo-taskboard-toolbar-padding-x`	`$kendo-taskboard-toolbar-padding-y`	`16px`	Default: `$kendo-taskboard-toolbar-padding-y`Computed: `16px`
Description: The horizontal padding of the TaskBoard Toolbar.
`kendo-taskboard-toolbar-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the TaskBoard Toolbar.
`kendo-taskboard-toolbar-text`	`null`	`null`	Default: `null`Computed: `null`
Description: The text color of the TaskBoard Toolbar.
`kendo-taskboard-toolbar-border`	`null`	`null`	Default: `null`Computed: `null`
Description: The border color of the TaskBoard Toolbar.
`kendo-taskboard-toolbar-gradient`	`null`	`null`	Default: `null`Computed: `null`
Description: The gradient of the TaskBoard Toolbar.
`kendo-taskboard-content-padding-y`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The vertical padding of the TaskBoard content.
`kendo-taskboard-content-padding-x`	`$kendo-taskboard-content-padding-y`	`16px`	Default: `$kendo-taskboard-content-padding-y`Computed: `16px`
Description: The horizontal padding of the TaskBoard content.
`kendo-taskboard-column-container-spacing-y`	`k-math-div( $kendo-taskboard-spacer, 2 )`	`8px`	Default: `k-math-div( $kendo-taskboard-spacer, 2 )`Computed: `8px`
Description: The vertical spacing of the TaskBoard column container.
`kendo-taskboard-column-container-padding-y`	`0px`	`0px`	Default: `0px`Computed: `0px`
Description: The vertical padding of the TaskBoard column container.
`kendo-taskboard-column-container-padding-x`	`k-math-div( $kendo-taskboard-spacer, 2 )`	`8px`	Default: `k-math-div( $kendo-taskboard-spacer, 2 )`Computed: `8px`
Description: The horizontal padding of the TaskBoard column container.
`kendo-taskboard-columns-container-gap`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The spacing of the TaskBoard columns container.
`kendo-taskboard-column-width`	`320px`	`320px`	Default: `320px`Computed: `320px`
Description: The default width of the TaskBoard column.
`kendo-taskboard-column-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The border width of the TaskBoard column.
`kendo-taskboard-column-border-radius`	`$kendo-border-radius-md`	`4px`	Default: `$kendo-border-radius-md`Computed: `4px`
Description: The border radius of the TaskBoard column.
`kendo-taskboard-column-bg`	`$kendo-base-bg`	`#fafafa`	Default: `$kendo-base-bg`Computed: `#fafafa`
Description: The background color of the TaskBoard column.
`kendo-taskboard-column-text`	`null`	`null`	Default: `null`Computed: `null`
Description: The text color of the TaskBoard column.
`kendo-taskboard-column-border`	`transparent`	`transparent`	Default: `transparent`Computed: `transparent`
Description: The border color of the TaskBoard column.
`kendo-taskboard-column-focus-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the focused TaskBoard column.
`kendo-taskboard-column-focus-text`	`null`	`null`	Default: `null`Computed: `null`
Description: The text color of the focused TaskBoard column.
`kendo-taskboard-column-focus-border`	`if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 ))`	`rgba(0, 0, 0, 0.264)`	Default: `if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 ))`Computed: `rgba(0, 0, 0, 0.264)`
Description: The border color of the focused TaskBoard column.
`kendo-taskboard-column-header-padding-y`	`k-math-div( $kendo-taskboard-spacer, 2 )`	`8px`	Default: `k-math-div( $kendo-taskboard-spacer, 2 )`Computed: `8px`
Description: The vertical padding of the TaskBoard column header.
`kendo-taskboard-column-header-padding-x`	`$kendo-taskboard-column-header-padding-y`	`8px`	Default: `$kendo-taskboard-column-header-padding-y`Computed: `8px`
Description: The horizontal padding of the TaskBoard column header.
`kendo-taskboard-column-header-gap`	`k-math-div( $kendo-taskboard-spacer, 4 )`	`4px`	Default: `k-math-div( $kendo-taskboard-spacer, 4 )`Computed: `4px`
Description: The spacing of the TaskBoard column header.
`kendo-taskboard-column-header-actions-gap`	`k-math-div( $kendo-taskboard-spacer, 2 )`	`8px`	Default: `k-math-div( $kendo-taskboard-spacer, 2 )`Computed: `8px`
Description: The spacing of the TaskBoard column header actions.
`kendo-taskboard-column-header-font-weight`	`500`	`500`	Default: `500`Computed: `500`
Description: The font weight of the TaskBoard column header.
`kendo-taskboard-column-header-text`	`$kendo-component-header-text`	`#424242`	Default: `$kendo-component-header-text`Computed: `#424242`
Description: The text color of the TaskBoard column header.
`kendo-taskboard-column-cards-padding-y`	`null`	`null`	Default: `null`Computed: `null`
Description: The vertical padding of the TaskBoard column Card wrapper.
`kendo-taskboard-column-cards-padding-x`	`null`	`null`	Default: `null`Computed: `null`
Description: The horizontal padding of the TaskBoard column Card wrapper.
`kendo-taskboard-column-cards-gap`	`k-math-div( $kendo-taskboard-spacer, 2 )`	`8px`	Default: `k-math-div( $kendo-taskboard-spacer, 2 )`Computed: `8px`
Description: The spacing of the TaskBoard column Card wrapper.
`kendo-taskboard-pane-width`	`$kendo-taskboard-column-width`	`320px`	Default: `$kendo-taskboard-column-width`Computed: `320px`
Description: The default width of the TaskBoard pane.
`kendo-taskboard-pane-padding-y`	`null`	`null`	Default: `null`Computed: `null`
Description: The vertical padding of the TaskBoard pane.
`kendo-taskboard-pane-padding-x`	`null`	`null`	Default: `null`Computed: `null`
Description: The horizontal padding of the TaskBoard pane.
`kendo-taskboard-pane-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The border width of the TaskBoard pane.
`kendo-taskboard-pane-bg`	`$kendo-component-bg`	`#ffffff`	Default: `$kendo-component-bg`Computed: `#ffffff`
Description: The background color of the TaskBoard pane.
`kendo-taskboard-pane-text`	`$kendo-component-text`	`#424242`	Default: `$kendo-component-text`Computed: `#424242`
Description: The text color of the TaskBoard pane.
`kendo-taskboard-pane-border`	`$kendo-component-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-component-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the TaskBoard pane.
`kendo-taskboard-pane-header-padding-y`	`( $kendo-taskboard-spacer * .75 )`	`12px`	Default: `( $kendo-taskboard-spacer * .75 )`Computed: `12px`
Description: The vertical padding of the TaskBoard pane header.
`kendo-taskboard-pane-header-padding-x`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The horizontal padding of the TaskBoard pane header.
`kendo-taskboard-pane-header-font-weight`	`500`	`500`	Default: `500`Computed: `500`
Description: The font weight of the TaskBoard pane header.
`kendo-taskboard-pane-header-text`	`$kendo-component-header-text`	`#424242`	Default: `$kendo-component-header-text`Computed: `#424242`
Description: The text color of the TaskBoard pane header.
`kendo-taskboard-pane-content-padding-y`	`0px`	`0px`	Default: `0px`Computed: `0px`
Description: The vertical padding of the TaskBoard pane content.
`kendo-taskboard-pane-content-padding-x`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The horizontal padding of the TaskBoard pane content.
`kendo-taskboard-pane-actions-padding-y`	`( $kendo-taskboard-spacer * .75 )`	`12px`	Default: `( $kendo-taskboard-spacer * .75 )`Computed: `12px`
Description: The vertical padding of the TaskBoard pane actions.
`kendo-taskboard-pane-actions-padding-x`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The horizontal padding of the TaskBoard pane actions.
`kendo-taskboard-card-padding-y`	`$kendo-taskboard-spacer`	`16px`	Default: `$kendo-taskboard-spacer`Computed: `16px`
Description: The vertical padding of the TaskBoard Card.
`kendo-taskboard-card-padding-x`	`$kendo-taskboard-card-padding-y`	`16px`	Default: `$kendo-taskboard-card-padding-y`Computed: `16px`
Description: The horizontal padding of the TaskBoard Card.
`kendo-taskboard-card-border-width`	`$kendo-card-border-width`	`1px`	Default: `$kendo-card-border-width`Computed: `1px`
Description: The border width of the TaskBoard Card.
`kendo-taskboard-card-border-radius`	`$kendo-border-radius-md`	`4px`	Default: `$kendo-border-radius-md`Computed: `4px`
Description: The border radius of the TaskBoard Card.
`kendo-taskboard-card-shadow`	`$kendo-card-shadow`	`null`	Default: `$kendo-card-shadow`Computed: `null`
Description: The shadow of the TaskBoard Card.
`kendo-taskboard-card-bg`	`$kendo-card-bg`	`#ffffff`	Default: `$kendo-card-bg`Computed: `#ffffff`
Description: The background color of the TaskBoard Card.
`kendo-taskboard-card-text`	`$kendo-card-text`	`#424242`	Default: `$kendo-card-text`Computed: `#424242`
Description: The text color of the TaskBoard Card.
`kendo-taskboard-card-border`	`$kendo-card-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-card-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the TaskBoard Card.
`kendo-taskboard-card-category-border-width`	`4px`	`4px`	Default: `4px`Computed: `4px`
Description: The border width of the TaskBoard Card category.
`kendo-taskboard-card-hover-border`	`if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% ))`	`rgba(0, 0, 0, 0.172)`	Default: `if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% ))`Computed: `rgba(0, 0, 0, 0.172)`
Description: The border color of the hovered TaskBoard Card.
`kendo-taskboard-card-focus-border`	`if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% ))`	`rgba(0, 0, 0, 0.2456)`	Default: `if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% ))`Computed: `rgba(0, 0, 0, 0.2456)`
Description: The border color of the focused TaskBoard Card.
`kendo-taskboard-card-focus-shadow`	`none`	`none`	Default: `none`Computed: `none`
Description: The shadow of the focused TaskBoard Card.
`kendo-taskboard-card-selected-border`	`if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-tint( $kendo-color-primary-lighter, 5 ))`	`#ffb0ab`	Default: `if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-tint( $kendo-color-primary-lighter, 5 ))`Computed: `#ffb0ab`
Description: The border of the selected TaskBoard Card.
`kendo-taskboard-card-selected-shadow`	`none`	`none`	Default: `none`Computed: `none`
Description: The shadow of the selected TaskBoard Card.
`kendo-taskboard-card-header-text`	`$kendo-color-primary`	`#ff6358`	Default: `$kendo-color-primary`Computed: `#ff6358`
Description: The text color of the TaskBoard Card header text.
`kendo-taskboard-card-header-hover-text`	`if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)`	`#d6534a`	Default: `if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)`Computed: `#d6534a`
Description: The text color of the hovered TaskBoard Card header text.
`kendo-taskboard-card-header-focus-text`	`if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)`	`#d6534a`	Default: `if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker)`Computed: `#d6534a`
Description: The text color of the focused TaskBoard Card header text.
`kendo-taskboard-drag-placeholder-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The border width of the TaskBoard Card placeholder.
`kendo-taskboard-drag-placeholder-border-radius`	`$kendo-taskboard-card-border-radius`	`4px`	Default: `$kendo-taskboard-card-border-radius`Computed: `4px`
Description: The border radius of the TaskBoard Card placeholder.
`kendo-taskboard-drag-placeholder-bg`	`rgba(255, 255, 255, .2)`	`rgba(255, 255, 255, 0.2)`	Default: `rgba(255, 255, 255, .2)`Computed: `rgba(255, 255, 255, 0.2)`
Description: The background color of the TaskBoard Card placeholder.
`kendo-taskboard-drag-placeholder-border`	`$kendo-component-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-component-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the TaskBoard Card placeholder.

Card Variables

Variable	Default Value	Computed Value	Value
`kendo-card-padding-x`	`k-map-get( $kendo-spacing, 4 )`	`16px`	Default: `k-map-get( $kendo-spacing, 4 )`Computed: `16px`
Description: The horizontal padding of the Card.
`kendo-card-padding-y`	`k-map-get( $kendo-spacing, 3 )`	`12px`	Default: `k-map-get( $kendo-spacing, 3 )`Computed: `12px`
Description: The vertical padding of the Card.
`kendo-card-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The width of the border around the Card.
`kendo-card-border-radius`	`$kendo-border-radius-lg`	`6px`	Default: `$kendo-border-radius-lg`Computed: `6px`
Description: The border radius of the Card.
`kendo-card-inner-border-radius`	`calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} )`	`calc(6px - 1px)`	Default: `calc( #{$kendo-card-border-radius} - #{$kendo-card-border-width} )`Computed: `calc(6px - 1px)`
Description: The inner border radius of the Card.
`kendo-card-font-family`	`$kendo-font-family`	`inherit`	Default: `$kendo-font-family`Computed: `inherit`
Description: The font family of the Card.
`kendo-card-font-size`	`$kendo-font-size-md`	`14px`	Default: `$kendo-font-size-md`Computed: `14px`
Description: The font size of the Card.
`kendo-card-line-height`	`$kendo-line-height-md`	`1.4285714286`	Default: `$kendo-line-height-md`Computed: `1.4285714286`
Description: The line height of the Card.
`kendo-card-deck-gap`	`k-map-get( $kendo-spacing, 4 )`	`16px`	Default: `k-map-get( $kendo-spacing, 4 )`Computed: `16px`
Description: The spacing between the Cards in the Card deck.
`kendo-card-bg`	`$kendo-component-bg`	`#ffffff`	Default: `$kendo-component-bg`Computed: `#ffffff`
Description: The background color of the Card.
`kendo-card-text`	`$kendo-component-text`	`#424242`	Default: `$kendo-component-text`Computed: `#424242`
Description: The text color of the Card.
`kendo-card-border`	`$kendo-component-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-component-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the Card.
`kendo-card-shadow`	`null`	`null`	Default: `null`Computed: `null`
Description: The shadow of the Card.
`kendo-card-focus-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the focused Card.
`kendo-card-focus-text`	`null`	`null`	Default: `null`Computed: `null`
Description: The text color of the focused Card.
`kendo-card-focus-border`	`rgba( black, .15 )`	`rgba(0, 0, 0, 0.15)`	Default: `rgba( black, .15 )`Computed: `rgba(0, 0, 0, 0.15)`
Description: The border color of the focused Card.
`kendo-card-focus-shadow`	`null`	`null`	Default: `null`Computed: `null`
Description: The shadow of the focused Card.
`kendo-card-header-padding-x`	`$kendo-card-padding-x`	`16px`	Default: `$kendo-card-padding-x`Computed: `16px`
Description: The horizontal padding of the Card header.
`kendo-card-header-padding-y`	`$kendo-card-padding-y`	`12px`	Default: `$kendo-card-padding-y`Computed: `12px`
Description: The vertical padding of the Card header.
`kendo-card-header-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The bottom border width of the Card header.
`kendo-card-header-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the Card header.
`kendo-card-header-text`	`$kendo-component-header-text`	`#424242`	Default: `$kendo-component-header-text`Computed: `#424242`
Description: The text color of the Card header.
`kendo-card-header-border`	`$kendo-component-header-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-component-header-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the Card header.
`kendo-card-body-padding-x`	`k-map-get( $kendo-spacing, 4 )`	`16px`	Default: `k-map-get( $kendo-spacing, 4 )`Computed: `16px`
Description: The horizontal padding of the Card body.
`kendo-card-body-padding-y`	`k-map-get( $kendo-spacing, 4 )`	`16px`	Default: `k-map-get( $kendo-spacing, 4 )`Computed: `16px`
Description: The vertical padding of the Card body.
`kendo-card-footer-padding-x`	`$kendo-card-padding-x`	`16px`	Default: `$kendo-card-padding-x`Computed: `16px`
Description: The horizontal padding of the Card footer.
`kendo-card-footer-padding-y`	`$kendo-card-padding-y`	`12px`	Default: `$kendo-card-padding-y`Computed: `12px`
Description: The vertical padding of the Card footer.
`kendo-card-footer-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The top border width of the Card footer.
`kendo-card-footer-bg`	`null`	`null`	Default: `null`Computed: `null`
Description: The background color of the Card footer.
`kendo-card-footer-text`	`$kendo-component-header-text`	`#424242`	Default: `$kendo-component-header-text`Computed: `#424242`
Description: The text color of the Card footer.
`kendo-card-footer-border`	`$kendo-component-header-border`	`rgba(0, 0, 0, 0.08)`	Default: `$kendo-component-header-border`Computed: `rgba(0, 0, 0, 0.08)`
Description: The border color of the Card footer.
`kendo-card-title-margin-bottom`	`k-map-get( $kendo-spacing, 2 )`	`8px`	Default: `k-map-get( $kendo-spacing, 2 )`Computed: `8px`
Description: The bottom margin of the Card title.
`kendo-card-title-font-size`	`$kendo-h5-font-size`	`16px`	Default: `$kendo-h5-font-size`Computed: `16px`
Description: The font size of the Card title.
`kendo-card-title-font-family`	`null`	`null`	Default: `null`Computed: `null`
Description: The font family of the Card title.
`kendo-card-title-line-height`	`1.25`	`1.25`	Default: `1.25`Computed: `1.25`
Description: The line height of the Card title.
`kendo-card-title-font-weight`	`$kendo-font-weight-normal`	`400`	Default: `$kendo-font-weight-normal`Computed: `400`
Description: The font weight of the Card title.
`kendo-card-title-letter-spacing`	`null`	`null`	Default: `null`Computed: `null`
Description: The letter spacing of the Card title.
`kendo-card-subtitle-margin-bottom`	`k-map-get( $kendo-spacing, 2 )`	`8px`	Default: `k-map-get( $kendo-spacing, 2 )`Computed: `8px`
Description: The bottom margin of the Card subtitle.
`kendo-card-subtitle-font-size`	`$kendo-font-size-sm`	`12px`	Default: `$kendo-font-size-sm`Computed: `12px`
Description: The font size of the Card subtitle.
`kendo-card-subtitle-font-family`	`null`	`null`	Default: `null`Computed: `null`
Description: The font family of the Card subtitle.
`kendo-card-subtitle-line-height`	`normal`	`normal`	Default: `normal`Computed: `normal`
Description: The line height of the Card subtitle.
`kendo-card-subtitle-font-weight`	`$kendo-font-weight-normal`	`400`	Default: `$kendo-font-weight-normal`Computed: `400`
Description: The font weight of the Card subtitle.
`kendo-card-subtitle-letter-spacing`	`null`	`null`	Default: `null`Computed: `null`
Description: The letter spacing of the Card subtitle.
`kendo-card-subtitle-text`	`$kendo-subtle-text`	`#666666`	Default: `$kendo-subtle-text`Computed: `#666666`
Description: The text color of the Card subtitle.
`kendo-card-img-max-width`	`100px`	`100px`	Default: `100px`Computed: `100px`
Description: The maximum width of the Card image.
`kendo-card-avatar-size`	`45px`	`45px`	Default: `45px`Computed: `45px`
Description: The size of the Avatar in the Card.
`kendo-card-avatar-spacing`	`$kendo-card-header-padding-x`	`16px`	Default: `$kendo-card-header-padding-x`Computed: `16px`
Description: The spacing between the Avatar and the text in the Card.
`kendo-card-actions-padding-x`	`k-map-get( $kendo-spacing, 2 )`	`8px`	Default: `k-map-get( $kendo-spacing, 2 )`Computed: `8px`
Description: The horizontal padding of the Card actions.
`kendo-card-actions-padding-y`	`k-map-get( $kendo-spacing, 2 )`	`8px`	Default: `k-map-get( $kendo-spacing, 2 )`Computed: `8px`
Description: The vertical padding of the Card actions.
`kendo-card-actions-border-width`	`1px`	`1px`	Default: `1px`Computed: `1px`
Description: The top border width of the Card actions.
`kendo-card-actions-gap`	`k-map-get( $kendo-spacing, 2 )`	`8px`	Default: `k-map-get( $kendo-spacing, 2 )`Computed: `8px`
Description: The spacing between the Card actions.
`kendo-card-deck-scroll-button-radius`	`0px`	`0px`	Default: `0px`Computed: `0px`
Description: The border radius of the scroll button in the Card deck.
`kendo-card-deck-scroll-button-offset`	`-$kendo-button-border-width`	`-1px`	Default: `-$kendo-button-border-width`Computed: `-1px`
Description: The border radius of the scroll button in the Card deck.
`kendo-card-callout-width`	`20px`	`20px`	Default: `20px`Computed: `20px`
Description: The width of the Card callout.
`kendo-card-callout-height`	`20px`	`20px`	Default: `20px`Computed: `20px`
Description: The height of the Card callout.

Foundation

Themes

CSS Utilities

Components

Resources

Components

TaskBoard

Sass Variables

Card Variables

On this page