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

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

[{"memberof":"ZGSelect","fullName":"zg-select--zg-select-height","name":"--zg-select-height","description":"Sets the minimum height of the select","demoLink":"https://app.zingsoft.com/demos/create/B5HJ4SD8","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"28px","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-background","name":"--zg-select-background","description":"Styles the background of the entire select parent wrapper","demoLink":"https://app.zingsoft.com/demos/create/FKASS504","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-font-size","name":"--zg-select-font-size","description":"Sets the font size of the select option","demoLink":"https://app.zingsoft.com/demos/create/DY8BR3BP","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-font-weight","name":"--zg-select-font-weight","description":"Sets the font weight of the select option","demoLink":"https://app.zingsoft.com/demos/create/370EUHZ2","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-line-height","name":"--zg-select-line-height","description":"Sets the line height of the select option","demoLink":"https://app.zingsoft.com/demos/create/WLLWY3LZ","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-outline","name":"--zg-select-outline","description":"Sets the outline of the select option","demoLink":"https://app.zingsoft.com/demos/create/B8FKXO7L","cssRefLink":"https://www.w3.org/TR/CSS22/ui.html#dynamic-outlines","default":"inherit","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-transform","name":"--zg-select-transform","description":"Sets the transform of the select option","demoLink":"https://app.zingsoft.com/demos/create/UCROZGFJ","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-border","name":"--zg-select-border","description":"Styles the border of the select","demoLink":"https://app.zingsoft.com/demos/create/C1KEFISX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-border-bottom","name":"--zg-select-border-bottom","description":"Styles the bottom border of the select","demoLink":"https://app.zingsoft.com/demos/create/318YQ5SY","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-border, 1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-border-left","name":"--zg-select-border-left","description":"Styles the left border of the select","demoLink":"https://app.zingsoft.com/demos/create/3DXGEXHM","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-border, 1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-border-right","name":"--zg-select-border-right","description":"Styles the right border of the select","demoLink":"https://app.zingsoft.com/demos/create/TXSP6105","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-border, 1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-border-top","name":"--zg-select-border-top","description":"Styles the top border of the select","demoLink":"https://app.zingsoft.com/demos/create/DSM6AYMB","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-border, 1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-font-family","name":"--zg-select-font-family","description":"Sets the font family of the select option","demoLink":"https://app.zingsoft.com/demos/create/QEQSYYSZ","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-text-background","name":"--zg-select-text-background","description":"Styles the background of the 'text' portion of the zg-select element","demoLink":"https://app.zingsoft.com/demos/create/MZG3WH82","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"#fff","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-color","name":"--zg-select-color","description":"Sets the font color of the select","demoLink":"https://app.zingsoft.com/demos/create/LHLU0OLY","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zing-grid-color, var(--theme-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-min-width","name":"--zg-select-min-width","description":"Sets the minimum width of select","demoLink":"https://app.zingsoft.com/demos/create/UPQ9KFW0","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"Browser's default value","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-color_active","name":"--zg-select-color_active","description":"Sets the font color of the select option","demoLink":"https://app.zingsoft.com/demos/create/6I5A2CSK","default":"","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-trigger-background","name":"--zg-select-trigger-background","description":"Styles the background of the select arrow button (trigger)","demoLink":"https://app.zingsoft.com/demos/create/VXK1UMDY","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--zg-select-arrow-background)","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-border","name":"--zg-select-arrow-border","description":"Styles the border of the select arrow button","demoLink":"https://app.zingsoft.com/demos/create/SWYPNN61","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-border-bottom","name":"--zg-select-arrow-border-bottom","description":"Styles the bottom border of the select arrow button","demoLink":"https://app.zingsoft.com/demos/create/EFHCN5FS","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-arrow-border, 0)","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-border-left","name":"--zg-select-arrow-border-left","description":"Styles the left border of the select arrow button","demoLink":"https://app.zingsoft.com/demos/create/MK7EXGQL","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-arrow-border, 1px solid var(--theme-border-color))","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-border-right","name":"--zg-select-arrow-border-right","description":"Styles the right border of the select arrow button","demoLink":"https://app.zingsoft.com/demos/create/1DGO75SG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-arrow-border, 0)","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-border-top","name":"--zg-select-arrow-border-top","description":"Styles the top border of the select arrow button","demoLink":"https://app.zingsoft.com/demos/create/1IT6DL7R","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-select-arrow-border, 0)","tagName":"zg-select","category":"CSS Variable"},{"memberof":"ZGSelect","fullName":"zg-select--zg-select-arrow-color","name":"--zg-select-arrow-color","description":"Sets the color select arrow icon","demoLink":"https://app.zingsoft.com/demos/create/1IT6DL7R","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"#000","tagName":"zg-select","category":"CSS Variable"}]