zinggrid/docs_output/elements/css/zg-cell-api-css-vars.json

ZingGrid - A fully-featured, native, web-component, data table and grid for Javascript applications.

[{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-padding_layout_row","name":"--zg-cell-padding_layout_row","description":"Sets padding of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/LXJRGOVN","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"var(--zg-cell-padding, var(--theme-padding_y) var(--theme-padding_x))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background","name":"--zg-cell-background","description":"Styles the background of cells","demoLink":"https://app.zingsoft.com/demos/create/FPS1Y1BU","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-cell-background)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border","name":"--zg-cell-border","description":"Styles the border of cells","demoLink":"https://app.zingsoft.com/demos/create/5IAJRJAX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-bottom","name":"--zg-cell-border-bottom","description":"Styles the bottom border of cells","demoLink":"https://app.zingsoft.com/demos/create/6W1MBMS5","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border_layout_row","name":"--zg-cell-border_layout_row","description":"Styles the border of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/VUY7YJN0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border-bottom, var(--zg-cell-border, 0))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-bottom_layout_row","name":"--zg-cell-border-bottom_layout_row","description":"Styles the bottom border of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/CBCRNIEW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border_layout_row, var(--zg-cell-border-bottom, var(--zg-cell-border, 0)))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-left","name":"--zg-cell-border-left","description":"Styles the left border of cells","demoLink":"https://app.zingsoft.com/demos/create/D7KFKEG9","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-left_layout_row","name":"--zg-cell-border-left_layout_row","description":"Styles the left border of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/09D81J37","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border_layout_row, var(--zg-cell-border-left, var(--zg-cell-border, 0)))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-right","name":"--zg-cell-border-right","description":"Styles the right border of cells","demoLink":"https://app.zingsoft.com/demos/create/I1HTZ8O9","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-right_layout_row","name":"--zg-cell-border-right_layout_row","description":"Styles the right border of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/38MHHLP7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border_layout_row, var(--zg-cell-border-right, var(--zg-cell-border, 0)))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-top","name":"--zg-cell-border-top","description":"Styles the top border of cells","demoLink":"https://app.zingsoft.com/demos/create/5LO8GANO","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-border-top_layout_row","name":"--zg-cell-border-top_layout_row","description":"Styles the top border of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/7MVAC7VQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-border_layout_row, var(--zg-cell-border-top, var(--zg-cell-border, 0)))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color","name":"--zg-cell-color","description":"Styles font color of text in cells","demoLink":"https://app.zingsoft.com/demos/create/W7Z4EQX7","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color_layout_row","name":"--zg-cell-color_layout_row","description":"Styles font color of text in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/4L4VCAVC","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-cell-color, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-family","name":"--zg-cell-font-family","description":"Sets the font family in cells","demoLink":"https://app.zingsoft.com/demos/create/FBT1I49W","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-family_layout_row","name":"--zg-cell-font-family_layout_row","description":"Sets the font family in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/WEF8KGXB","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"var(--zg-cell-font-family, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-size","name":"--zg-cell-font-size","description":"Sets the font size in cells","demoLink":"https://app.zingsoft.com/demos/create/5VXTAUSO","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-size_layout_row","name":"--zg-cell-font-size_layout_row","description":"Sets the font size in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/9NBFBSO0","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"var(--zg-cell-font-size, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-style","name":"--zg-cell-font-style","description":"Sets the font style in cells","demoLink":"https://app.zingsoft.com/demos/create/MBBRNXUX","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-style_layout_row","name":"--zg-cell-font-style_layout_row","description":"Sets the font style in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/LJYPK43Z","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"var(--zg-cell-font-style, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-weight","name":"--zg-cell-font-weight","description":"Sets the font weight in cells","demoLink":"https://app.zingsoft.com/demos/create/C8CHJ5SG","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-font-weight_layout_row","name":"--zg-cell-font-weight_layout_row","description":"Sets the font weight in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/4FCZ5S1K","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"var(--zg-cell-font-weight, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-height","name":"--zg-cell-height","description":"Sets height of cells","demoLink":"https://app.zingsoft.com/demos/create/0ADC78MI","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"auto","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-height_layout_row","name":"--zg-cell-height_layout_row","description":"Sets height of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/2I7KY86Q","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"var(--zg-cell-height, auto)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-line-height","name":"--zg-cell-line-height","description":"Sets line height of cells","demoLink":"https://app.zingsoft.com/demos/create/13BR35NS","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-line-height_layout_row","name":"--zg-cell-line-height_layout_row","description":"Sets line height of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/V1O45PMA","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"var(--zg-cell-line-height, inherit)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-padding","name":"--zg-cell-padding","description":"Sets padding of cells","demoLink":"https://app.zingsoft.com/demos/create/L55WT5PW","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"var(--theme-padding_y) var(--theme-padding_x)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background_layout_row","name":"--zg-cell-background_layout_row","description":"Styles the background of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/OB4ZAO0E","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-cell-background)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-transition","name":"--zg-cell-transition","description":"Sets the transition of cells","demoLink":"https://app.zingsoft.com/demos/create/XB0M7RTK","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-transition_layout_row","name":"--zg-cell-transition_layout_row","description":"Sets the transition of cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/KNVU6GWJ","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"var(--zg-cell-transition)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-vertical-align","name":"--zg-cell-vertical-align","description":"Sets vertical alignment of items in cells","demoLink":"https://app.zingsoft.com/demos/create/IRBQ32WL","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-vertical-align","default":"middle","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-vertical-align_layout_row","name":"--zg-cell-vertical-align_layout_row","description":"Sets vertical alignment of items in cells in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/4FFXFDKI","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-vertical-align","default":"var(--zg-cell-vertical-align, middle)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background_hover","name":"--zg-cell-background_hover","description":"Styles the background of cells on hover","demoLink":"https://app.zingsoft.com/demos/create/RT19PJTK","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background_hover_layout_row","name":"--zg-cell-background_hover_layout_row","description":"Styles the background of cells in 'row' layout-mode on hover","demoLink":"https://app.zingsoft.com/demos/create/K3W62J0D","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-cell-background_hover)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color_hover","name":"--zg-cell-color_hover","description":"Styles font color of cells on hover","demoLink":"https://app.zingsoft.com/demos/create/KSG94XLN","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-cell-color)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color_hover_layout_row","name":"--zg-cell-color_hover_layout_row","description":"Styles font color of cells in 'row' layout-mode on hover","demoLink":"https://app.zingsoft.com/demos/create/0VCGU2R9","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-cell-color_hover, var(--zg-cell-color))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background_sorted","name":"--zg-cell-background_sorted","description":"Styles the background of cells in sorted column","demoLink":"https://app.zingsoft.com/demos/create/DNFOJBRU","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-background_layout_row_sorted","name":"--zg-cell-background_layout_row_sorted","description":"Styles the background of cells in sorted column in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/EM0YQ90M","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-cell-background_sorted)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color_sorted","name":"--zg-cell-color_sorted","description":"Sets the font color of cells in sorted column","demoLink":"https://app.zingsoft.com/demos/create/427LWHVI","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-cell-color)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-color_layout_row_sorted","name":"--zg-cell-color_layout_row_sorted","description":"Sets the font color of cells in sorted column in 'row' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/64ZKT87T","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-cell-color_sorted, var(--zg-cell-color))","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-color_layout_card","name":"--zg-cell-label-color_layout_card","description":"Sets font color of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/WLX26P3Q","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--theme-color-primary)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-display_layout_card","name":"--zg-cell-label-display_layout_card","description":"Sets the display of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/VJ2V5JBW","cssRefLink":"https://www.w3.org/TR/css-display-3/#the-display-properties","default":"flex","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-font-size_layout_card","name":"--zg-cell-label-font-size_layout_card","description":"Sets font size of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/9M0IV26C","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"85%","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-margin_layout_card","name":"--zg-cell-label-margin_layout_card","description":"Sets the margin of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/4YSN75PR","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0 0 2px","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-overflow_layout_card","name":"--zg-cell-label-overflow_layout_card","description":"Sets the overflow of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/RW2Y5KUP","cssRefLink":"https://www.w3.org/TR/css-overflow-3/#propdef-overflow","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-transform_layout_card","name":"--zg-cell-label-transform_layout_card","description":"Sets transform of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/7HNBULB8","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-label-font-weight_layout_card","name":"--zg-cell-label-font-weight_layout_card","description":"Sets font weight of label in cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/SW2D92C5","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"Browser's default value","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-border_layout_card","name":"--zg-cell-content-border_layout_card","description":"Styles the border of card items in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/PL7XVRO6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-border-bottom_layout_card","name":"--zg-cell-content-border-bottom_layout_card","description":"Styles the bottom border of card items in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/67415UAZ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-content-border_layout_card, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-border-left_layout_card","name":"--zg-cell-content-border-left_layout_card","description":"Styles the left border of card items in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/KJY3M0EU","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-content-border_layout_card, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-border-right_layout_card","name":"--zg-cell-content-border-right_layout_card","description":"Styles the right border of card items in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/UL1AANE2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-content-border_layout_card, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-border-top_layout_card","name":"--zg-cell-content-border-top_layout_card","description":"Styles the top border of card items in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/S1QU5P5C","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-cell-content-border_layout_card, 0)","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-font-size_layout_card","name":"--zg-cell-content-font-size_layout_card","description":"Sets the font size of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/YUH3FMTN","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-cell","category":"CSS Variable"},{"memberof":"ZGCell","fullName":"zg-cell--zg-cell-content-padding_layout_card","name":"--zg-cell-content-padding_layout_card","description":"Sets the padding of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/FRM4C9ZH","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"3px 0","tagName":"zg-cell","category":"CSS Variable"}]