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

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

[{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-style","name":"--zg-body-font-style","description":"Sets the font style of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/0VOTEN03","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-background","name":"--zg-body-background","description":"Styles the background of grid body","demoLink":"https://app.zingsoft.com/demos/create/WVUSRWLP","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"transparent","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-bottom","name":"--zg-body-border-bottom","description":"Styles the bottom border of grid body","demoLink":"https://app.zingsoft.com/demos/create/25V704EG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-left","name":"--zg-body-border-left","description":"Styles the left border of grid body","demoLink":"https://app.zingsoft.com/demos/create/FPYUYEEX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-right","name":"--zg-body-border-right","description":"Styles the right border of grid body","demoLink":"https://app.zingsoft.com/demos/create/70O17569","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border-top","name":"--zg-body-border-top","description":"Styles the top border of grid body. Note: If `--zg-row-border-top` set,\nit will override `--zg-body-border-top`.","demoLink":"https://app.zingsoft.com/demos/create/C9XJMTTQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-color","name":"--zg-body-color","description":"Sets the font color of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/X9E64KMS","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-family","name":"--zg-body-font-family","description":"Sets the font family of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/XS22J4JG","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-size","name":"--zg-body-font-size","description":"Sets the font size of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/YLAXDUP9","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-border","name":"--zg-body-border","description":"Styles the border of grid body","demoLink":"https://app.zingsoft.com/demos/create/YWTPH9M0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-font-weight","name":"--zg-body-font-weight","description":"Sets the font weight of contents inside grid body","demoLink":"https://app.zingsoft.com/demos/create/F6CRSTMQ","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-line-height","name":"--zg-body-line-height","description":"Sets the line-height of contents inside of grid body","demoLink":"https://app.zingsoft.com/demos/create/UO5MJUXO","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-background","name":"--zg-body-card-background","description":"Styles the background of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/XGWDT5HI","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"linear-gradient(45deg, #f9fafb 20%, #fff)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border","name":"--zg-body-card-border","description":"Styles the border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/UMQX6FC1","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-bottom","name":"--zg-body-card-border-bottom","description":"Styles the bottom border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/0CXPJ9CM","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-left","name":"--zg-body-card-border-left","description":"Styles the left border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/FPJ9DVE0","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-right","name":"--zg-body-card-border-right","description":"Styles the right border of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/YJHA2SIP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-border-top","name":"--zg-body-card-border-top","description":"Styles the top border of grid body in 'card' layout-mode. Note: If `--zg-row-border-top` set in 'card' layout-mode\nit will override `--zg-body-border-top`.","demoLink":"https://app.zingsoft.com/demos/create/ZQPWRYZ2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-body-card-border, 0)","tagName":"zg-body","category":"CSS Variable"},{"memberof":"ZGBody","fullName":"zg-body--zg-body-card-display","name":"--zg-body-card-display","description":"Sets display of grid body in 'card' layout-mode","demoLink":"https://app.zingsoft.com/demos/create/JHSU4OLH","cssRefLink":"https://www.w3.org/TR/css-display-3/#the-display-properties","default":"grid","tagName":"zg-body","category":"CSS Variable"}]