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

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

[{"memberof":"ZGSearch","fullName":"zg-search--zg-search-color","name":"--zg-search-color","description":"Sets the font color of search input field","demoLink":"https://app.zingsoft.com/demos/create/P6DBIQ77","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--theme-color_alt)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-background","name":"--zg-search-background","description":"Styles the background of search input field","demoLink":"https://app.zingsoft.com/demos/create/IYW53NTF","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background-color","default":"Browser's default value","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border-bottom","name":"--zg-search-border-bottom","description":"Styles the bottom border of search input field","demoLink":"https://app.zingsoft.com/demos/create/3JVK4H1O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-search-border, 0)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border-left","name":"--zg-search-border-left","description":"Styles the left border of search input field","demoLink":"https://app.zingsoft.com/demos/create/YDSOVV4E","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-search-border, 0)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border-radius","name":"--zg-search-border-radius","description":"Applies border radius to search input field","demoLink":"https://app.zingsoft.com/demos/create/KXLSPBB4","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"0","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border-right","name":"--zg-search-border-right","description":"Styles the right border of search input field","demoLink":"https://app.zingsoft.com/demos/create/79MXY4RD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-search-border, 0)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border-top","name":"--zg-search-border-top","description":"Styles the top border of search input field","demoLink":"https://app.zingsoft.com/demos/create/BVEFKOAX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-search-border, 0)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-border","name":"--zg-search-border","description":"Styles the border of search input field","demoLink":"https://app.zingsoft.com/demos/create/4PDUZTH1","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-font-size","name":"--zg-search-font-size","description":"Sets the font size of search input field","demoLink":"https://app.zingsoft.com/demos/create/0ZWF57WG","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"vd","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-font-weight","name":"--zg-search-font-weight","description":"Sets the font weight of search input field","demoLink":"https://app.zingsoft.com/demos/create/C460WKFJ","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"var(--theme-font-weight)","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-height","name":"--zg-search-height","description":"Sets the height of search input field","demoLink":"https://app.zingsoft.com/demos/create/VHSG3LZG","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"32px","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-padding","name":"--zg-search-padding","description":"Sets the padding of search input field","demoLink":"https://app.zingsoft.com/demos/create/I9PHNPDX","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 10px 0 15px","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-top","name":"--zg-search-top","description":"Sets the position from the top to place search input field","demoLink":"https://app.zingsoft.com/demos/create/L4AXSRSC","cssRefLink":"https://www.w3.org/TR/css-position-3/#propdef-top","default":"50%","tagName":"zg-search","category":"CSS Variable"},{"memberof":"ZGSearch","fullName":"zg-search--zg-search-transform","name":"--zg-search-transform","description":"Sets the transform property of search input","demoLink":"https://app.zingsoft.com/demos/create/P28JKYF8","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"translateY(-50%)","tagName":"zg-search","category":"CSS Variable"}]