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

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

[{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-padding","name":"--zg-row-card-padding","description":"Sets the padding of cards in 'card' layout-mode\nwhen '[internal-card-header]' not added to '<zing-grid>'","demoLink":"https://app.zingsoft.com/demos/create/3ANH9F1F","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"10px 0 5px","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-grid-gap","name":"--zg-row-card-grid-gap","description":"Sets the gap between cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/JOUVG6NN","cssRefLink":"https://www.w3.org/TR/css-align-3/#propdef-gap","default":"10px","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-border","name":"--zg-row-body-border","description":"Styles the border of body rows","demoLink":"https://app.zingsoft.com/demos/create/EAVHDY7O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-border-bottom","name":"--zg-row-body-border-bottom","description":"Styles the bottom border of body rows","demoLink":"https://app.zingsoft.com/demos/create/HNJ2XN7Y","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-body-border, var(--zg-row-border-bottom, var(--zg-row-border, 0)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-border-left","name":"--zg-row-body-border-left","description":"Styles the left border of body rows","demoLink":"https://app.zingsoft.com/demos/create/E72YL6QW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-body-border, var(--zg-row-border-left, var(--zg-row-border, 0)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-border-right","name":"--zg-row-body-border-right","description":"Styles the right border of body rows","demoLink":"https://app.zingsoft.com/demos/create/B3XG2R64","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-body-border, var(--zg-row-border-right, var(--zg-row-border), 0))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-border-top","name":"--zg-row-body-border-top","description":"Styles the top border of body rows","demoLink":"https://app.zingsoft.com/demos/create/9PTJDF3I","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-body-border, var(--zg-row-border-top, var(--zg-row-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color","name":"--zg-row-body-color","description":"Sets the font color of body rows","demoLink":"https://app.zingsoft.com/demos/create/ZWULY1D1","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-color)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background_hover","name":"--zg-row-body-background_hover","description":"Styles the background of body rows on hover","demoLink":"https://app.zingsoft.com/demos/create/FNZQKLOI","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color_hover","name":"--zg-row-body-color_hover","description":"Styles the font color of body rows","demoLink":"https://app.zingsoft.com/demos/create/XCEJKX89","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-color_hover, var(--zg-row-color))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background_even","name":"--zg-row-body-background_even","description":"Styles the background of 'even' body rows","demoLink":"https://app.zingsoft.com/demos/create/VMHOQP1A","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-body-background)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color_even","name":"--zg-row-body-color_even","description":"Sets the font color of 'even' body rows","demoLink":"https://app.zingsoft.com/demos/create/96LE1ORX","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-body-color, var(--zg-row-color))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-height","name":"--zg-row-height","description":"Sets the height of all rows","demoLink":"https://app.zingsoft.com/demos/create/MG7QBHBV","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"Browser's default value","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-height","name":"--zg-row-body-height","description":"Sets the height of body rows","demoLink":"https://app.zingsoft.com/demos/create/E2CM149E","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"var(--zg-row-height)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-height_even","name":"--zg-row-body-height_even","description":"Sets the height of 'even' body rows","demoLink":"https://app.zingsoft.com/demos/create/PHUE49RH","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"var(--zg-row-body-height, var(--zg-row-height))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background_even_hover","name":"--zg-row-body-background_even_hover","description":"Styles the background of 'even' body rows on hover","demoLink":"https://app.zingsoft.com/demos/create/AIYZXTF0","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-body-background_hover)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color_even_hover","name":"--zg-row-body-color_even_hover","description":"Styles the font color of 'even' body rows on hover","demoLink":"https://app.zingsoft.com/demos/create/9OLTDTMD","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background_odd","name":"--zg-row-body-background_odd","description":"Styles the background of 'odd' body rows","demoLink":"https://app.zingsoft.com/demos/create/GB8RXLPN","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-body-background)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color_odd","name":"--zg-row-body-color_odd","description":"Styles the font color of 'odd' body rows","demoLink":"https://app.zingsoft.com/demos/create/RRFIV8VL","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-body-color, var(--zg-row-color))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-height_odd","name":"--zg-row-body-height_odd","description":"Sets the height of 'odd' body rows","demoLink":"https://app.zingsoft.com/demos/create/CC4GKUD7","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"var(--zg-row-body-height, var(--zg-row-height))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background_odd_hover","name":"--zg-row-body-background_odd_hover","description":"Styles the background of 'odd' body rows on hover","demoLink":"https://app.zingsoft.com/demos/create/41M3NTDX","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-body-background_hover)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-color_odd_hover","name":"--zg-row-body-color_odd_hover","description":"Sets the font color of 'odd' body rows on hover","demoLink":"https://app.zingsoft.com/demos/create/XVED8WRA","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-body-color_hover, var(--zg-row-color_hover, var(--zg-row-color)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-body-background","name":"--zg-row-body-background","description":"Styles the background of body rows","demoLink":"https://app.zingsoft.com/demos/create/90PL3ZDR","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-background_odd","name":"--zg-row-card-background_odd","description":"Styles the background of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/MYI4STFX","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-card-background, var(--zg-row-body-background_odd, var(--zg-row-body-background, #fff)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border_odd","name":"--zg-row-card-border_odd","description":"Styles the border of 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/48K2LXTZ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-bottom_odd","name":"--zg-row-card-border-bottom_odd","description":"Styles the bottom border of 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/6KWRAGP6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_odd, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-left_odd","name":"--zg-row-card-border-left_odd","description":"Styles the left border of 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/E0MU4LOA","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_odd, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-right_odd","name":"--zg-row-card-border-right_odd","description":"Styles the right border of 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/BQ9TSN4A","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_odd, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-top_odd","name":"--zg-row-card-border-top_odd","description":"Styles the top border of 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/MYMKX9W0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_odd, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-box-shadow","name":"--zg-row-card-box-shadow","description":"Applies a box shadow behind cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/HQ7WKPH0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"none","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-box-shadow_odd","name":"--zg-row-card-box-shadow_odd","description":"Applies a box shadow behind 'odd' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/1D7VE3BL","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"var(--zg-row-card-box-shadow, none)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-background_even","name":"--zg-row-card-background_even","description":"Styles the background of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/Z3JQXTST","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-row-card-background, var(--zg-row-body-background_even, var(--zg-row-body-background, #fff)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border","name":"--zg-row-card-border","description":"Styles the border of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/5V9VVXDQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border_even","name":"--zg-row-card-border_even","description":"Styles the border of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/H8PWRCJT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color)))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-bottom_even","name":"--zg-row-card-border-bottom_even","description":"Styles the bottom border of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/UKFWTUFU","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_even, var(--zg-row-card-border-bottom, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-left_even","name":"--zg-row-card-border-left_even","description":"Styles the left border of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/T8FJCD4O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_even, var(--zg-row-card-border-left, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-right_even","name":"--zg-row-card-border-right_even","description":"Styles the right border of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/NYUK87GS","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_even, var(--zg-row-card-border-right, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-border-top_even","name":"--zg-row-card-border-top_even","description":"Styles the top border of 'even' cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/UWJMSEYU","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-card-border_even, var(--zg-row-card-border-top, var(--zg-row-card-border, 1px solid var(--theme-border-color))))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-border","name":"--zg-row-border","description":"Styles the border of row","demoLink":"https://app.zingsoft.com/demos/create/W9UFLHOX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-border-bottom","name":"--zg-row-border-bottom","description":"Styles the bottom border of row","demoLink":"https://app.zingsoft.com/demos/create/6ZQGCDWL","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-row-border, var(--zg-row-border, 0))","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-color","name":"--zg-row-color","description":"Sets the font color of all rows","demoLink":"https://app.zingsoft.com/demos/create/DZMUUEIE","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-color_hover","name":"--zg-row-color_hover","description":"Sets the font color of all rows on hover","demoLink":"https://app.zingsoft.com/demos/create/PY680MQ0","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-row-color)","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-display","name":"--zg-row-card-display","description":"Sets the display of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/Y17MDY9A","cssRefLink":"https://www.w3.org/TR/css-display-3/#the-display-properties","default":"grid","tagName":"zg-row","category":"CSS Variable"},{"memberof":"ZGRow","fullName":"zg-row--zg-row-card-flex-basis","name":"--zg-row-card-flex-basis","description":"Sets the flex-basis of cards in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/T0ZQ0N6R","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-flex-basis","default":"100%","tagName":"zg-row","category":"CSS Variable"}]