zinggrid/docs_output/elements/css/zg-control-bar-api-css-vars.json

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

[{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-margin","name":"--zg-control-bar-margin","description":"Sets the margin of control-bar","demoLink":"https://app.zingsoft.com/demos/create/S6MYCHEP","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-background","name":"--zg-control-bar-background","description":"Styles the background of control-bar","demoLink":"https://app.zingsoft.com/demos/create/8QU13CU5","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-bottom","name":"--zg-control-bar-border-bottom","description":"Styles the bottom border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/CWVOSQC7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 1px solid var(--theme-border-color))","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-left","name":"--zg-control-bar-border-left","description":"Styles the left border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/QOCRCDUO","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-right","name":"--zg-control-bar-border-right","description":"Styles the right border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/ZUGS5N4E","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border-top","name":"--zg-control-bar-border-top","description":"Styles the top border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/UBYLTINT","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-control-bar-border, 0)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-border","name":"--zg-control-bar-border","description":"Styles the border of control-bar","demoLink":"https://app.zingsoft.com/demos/create/A5JYDEGW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-min-height","name":"--zg-control-bar-min-height","description":"Sets the min-height of control bar","demoLink":"https://app.zingsoft.com/demos/create/9RT1IX7I","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-min-height","default":"30px","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-visibility","name":"--zg-control-bar-visibility","description":"Sets the visibility of component","demoLink":"https://app.zingsoft.com/demos/create/NMVK94RD","cssRefLink":"https://www.w3.org/TR/CSS22/visufx.html#visibility","default":"visible","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-padding","name":"--zg-control-bar-padding","description":"Sets the padding of control-bar","demoLink":"https://app.zingsoft.com/demos/create/WR596XPW","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"2px var(--theme-padding_x) 2px calc(var(--theme-padding_x) - 6px)","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-layout-justify-content","name":"--zg-control-bar-layout-justify-content","description":"Sets the horizontal alignment of contents in inner layout container","demoLink":"https://app.zingsoft.com/demos/create/RY0BD0RX","cssRefLink":"https://www.w3.org/TR/css-flexbox-1/#propdef-justify-content","default":"flex-end","tagName":"zg-control-bar","category":"CSS Variable"},{"memberof":"ZGControlBar","fullName":"zg-control-bar--zg-control-bar-layout-content","name":"--zg-control-bar-layout-content","description":"Sets the before 'content' of inner layout container","demoLink":"https://app.zingsoft.com/demos/create/MXM9N5T5","cssRefLink":"https://www.w3.org/TR/css-content-3/#propdef-content","default":"\"\"","tagName":"zg-control-bar","category":"CSS Variable"}]