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

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

[{"memberof":"ZGInput","fullName":"zg-input--zg-input-font-weight","name":"--zg-input-font-weight","description":"Sets the font weight of input field","demoLink":"https://app.zingsoft.com/demos/create/D4KPNBOE","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-height","name":"--zg-input-height","description":"Sets the height of input field","demoLink":"https://app.zingsoft.com/demos/create/B0P81J0Q","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"28px","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-background","name":"--zg-input-background","description":"Styles the background of input field","demoLink":"https://app.zingsoft.com/demos/create/QTKU281K","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"#fff","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border","name":"--zg-input-border","description":"Styles the border of input field","demoLink":"https://app.zingsoft.com/demos/create/DDD2BCSL","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-bottom","name":"--zg-input-border-bottom","description":"Styles the bottom border of input field","demoLink":"https://app.zingsoft.com/demos/create/MDMU28K6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border, 1px solid var(--theme-border-color))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-left","name":"--zg-input-border-left","description":"Styles the left border of input field","demoLink":"https://app.zingsoft.com/demos/create/JLCD44RA","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border, 1px solid var(--theme-border-color))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-right","name":"--zg-input-border-right","description":"Styles the right border of input field","demoLink":"https://app.zingsoft.com/demos/create/8A95H8P7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border, 1px solid var(--theme-border-color))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-top","name":"--zg-input-border-top","description":"Styles the top border of input field","demoLink":"https://app.zingsoft.com/demos/create/LCS35KDI","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border, 1px solid var(--theme-border-color))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-radius","name":"--zg-input-border-radius","description":"Applies a border radius to the input","demoLink":"https://app.zingsoft.com/demos/create/EPJYLC6I","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"Browser's default value","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-box-shadow","name":"--zg-input-box-shadow","description":"Applies a box shadow behind input field","demoLink":"https://app.zingsoft.com/demos/create/18VIQFAN","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"none","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-color","name":"--zg-input-color","description":"Sets the font color of input field","demoLink":"https://app.zingsoft.com/demos/create/XOU2K69C","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zing-grid-color, var(--theme-color))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-font-family","name":"--zg-input-font-family","description":"Sets the font family of input field","demoLink":"https://app.zingsoft.com/demos/create/T5ZCU5MK","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-font-size","name":"--zg-input-font-size","description":"Sets the font size of input field","demoLink":"https://app.zingsoft.com/demos/create/2N4JCUM7","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-font-style","name":"--zg-input-font-style","description":"Sets the font style of input field","demoLink":"https://app.zingsoft.com/demos/create/23LLZSPN","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-width","name":"--zg-input-width","description":"Sets the width of input field","demoLink":"https://app.zingsoft.com/demos/create/SCCSW2QV","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"28px","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-line-height","name":"--zg-input-line-height","description":"Sets the line height of input field","demoLink":"https://app.zingsoft.com/demos/create/4S3RA0D1","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-margin","name":"--zg-input-margin","description":"Sets the margin of input field","demoLink":"https://app.zingsoft.com/demos/create/QIT4GPWJ","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-padding","name":"--zg-input-padding","description":"Sets the padding of input field","demoLink":"https://app.zingsoft.com/demos/create/6YX1BW65","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 6px","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-text-align","name":"--zg-input-text-align","description":"Sets the text alignment of input field","demoLink":"https://app.zingsoft.com/demos/create/19KNP52I","cssRefLink":"https://www.w3.org/TR/css-text-3/#propdef-text-align","default":"center","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-transform","name":"--zg-input-transform","description":"Sets the transform of input field","demoLink":"https://app.zingsoft.com/demos/create/OSSRVJZZ","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"Browser's default value","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border_focus","name":"--zg-input-border_focus","description":"Styles the border of input field on focus","demoLink":"https://app.zingsoft.com/demos/create/I3GK9SS3","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid rgba(82, 168, 236, 0.8)","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-bottom_focus","name":"--zg-input-border-bottom_focus","description":"Styles the bottom border of input field on focus","demoLink":"https://app.zingsoft.com/demos/create/2SM40FSO","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border_focus, 1px solid rgba(82, 168, 236, 0.8))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-left_focus","name":"--zg-input-border-left_focus","description":"Styles the left border of input field on focus","demoLink":"https://app.zingsoft.com/demos/create/FQ51FTQF","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border_focus, )))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-right_focus","name":"--zg-input-border-right_focus","description":"Styles the right border of input field in modal on focus","demoLink":"https://app.zingsoft.com/demos/create/11XL0MH6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border_focus, )))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-border-top_focus","name":"--zg-input-border-top_focus","description":"Styles the top border of input field in modal on focus","demoLink":"https://app.zingsoft.com/demos/create/BLSGA86T","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-input-border_focus, )))","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-color_focus","name":"--zg-input-color_focus","description":"Sets the font color of input field in modal on focus","demoLink":"https://app.zingsoft.com/demos/create/62OIL7CR","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zg-input-color)","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-font-size_focus","name":"--zg-input-font-size_focus","description":"Sets the font size of input field on focus","demoLink":"https://app.zingsoft.com/demos/create/BPE8TYD5","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"inherit","tagName":"zg-input","category":"CSS Variable"},{"memberof":"ZGInput","fullName":"zg-input--zg-input-transform_focus","name":"--zg-input-transform_focus","description":"Sets the transform of input field in modal on focus","demoLink":"https://app.zingsoft.com/demos/create/ZCZMD7I3","cssRefLink":"https://www.w3.org/TR/css-transforms-1/#transform-property","default":"Browser's default value","tagName":"zg-input","category":"CSS Variable"}]