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

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

[{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-color","name":"--zg-filter-input-color","description":"Styles the font color of text in input field of filter","demoLink":"https://app.zingsoft.com/demos/create/0BWT9HA7","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-background","name":"--zg-filter-background","description":"Styles the background of filter","demoLink":"https://app.zingsoft.com/demos/create/G1WKUNFJ","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-border-bottom","name":"--zg-filter-border-bottom","description":"Styles the bottom border of filter","demoLink":"https://app.zingsoft.com/demos/create/6OQCF137","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-border, 0)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-border-left","name":"--zg-filter-border-left","description":"Styles the left border of filter","demoLink":"https://app.zingsoft.com/demos/create/9Z63KCAD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-border, 0)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-border-right","name":"--zg-filter-border-right","description":"Styles the right border of filter","demoLink":"https://app.zingsoft.com/demos/create/YDKKR5TJ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-border, 0)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-border-top","name":"--zg-filter-border-top","description":"Styles the top border of filter","demoLink":"https://app.zingsoft.com/demos/create/I2QLWMWS","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-border, 1px solid var(--theme-border-color))","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-color","name":"--zg-filter-color","description":"Sets the font color of text inputted in filter","demoLink":"https://app.zingsoft.com/demos/create/E7L28DOF","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--theme-color_alt)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-height","name":"--zg-filter-height","description":"Sets the height of filter","demoLink":"https://app.zingsoft.com/demos/create/QCSOKQE2","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-padding","name":"--zg-filter-padding","description":"Sets the padding of the filter","demoLink":"https://app.zingsoft.com/demos/create/2LNX65ZJ","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"A cell's left and right padding","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-background_sorted","name":"--zg-filter-background_sorted","description":"Styles the background color of filter when the column in sorted","demoLink":"https://app.zingsoft.com/demos/create/WX39XEJ1","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background-color","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-background","name":"--zg-filter-input-background","description":"Styles the background of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/EAG2BR7C","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border","name":"--zg-filter-input-border","description":"Styles the border of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/SXRIBL17","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-bottom","name":"--zg-filter-input-border-bottom","description":"Styles the bottom border of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/Z1COSRGD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-left","name":"--zg-filter-input-border-left","description":"Styles the left border of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/2Z1YS7PH","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-right","name":"--zg-filter-input-border-right","description":"Styles the right border of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/JD0COXK4","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-top","name":"--zg-filter-input-border-top","description":"Styles the top border of input field in filter","demoLink":"https://app.zingsoft.com/demos/create/KRUW31YG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-radius","name":"--zg-filter-input-border-radius","description":"Applies a border radius to filter input","demoLink":"https://app.zingsoft.com/demos/create/6ILPV59X","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-border","name":"--zg-filter-border","description":"Styles the border of filter","demoLink":"https://app.zingsoft.com/demos/create/MTNYLV9O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-font-size","name":"--zg-filter-input-font-size","description":"Sets the font size of filter input","demoLink":"https://app.zingsoft.com/demos/create/04EEADGO","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-height","name":"--zg-filter-input-height","description":"Sets the height of input field in filter. May need to set --zg-filter-height if input field is height is larger than height of filter.","demoLink":"https://app.zingsoft.com/demos/create/3E22SKBU","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"20px","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-margin","name":"--zg-filter-input-margin","description":"Sets the margin of filter input","demoLink":"https://app.zingsoft.com/demos/create/0BWT9HA7","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0 var(--theme-padding_x)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-padding","name":"--zg-filter-input-padding","description":"Sets the padding of input field in filter. . May need to set --zg-filter-height if input field is height is larger than height of filter.","demoLink":"https://app.zingsoft.com/demos/create/5GPABPO2","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 0 0 5px","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-background_sorted","name":"--zg-filter-input-background_sorted","description":"Styles the background of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/0TAT4J8P","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border_sorted","name":"--zg-filter-input-border_sorted","description":"Styles the border of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/MFR4CCYN","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-bottom_sorted","name":"--zg-filter-input-border-bottom_sorted","description":"Styles the bottom border of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/WFPS5S7O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-left_sorted","name":"--zg-filter-input-border-left_sorted","description":"Styles the left border of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/QRJ8CB5I","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-right_sorted","name":"--zg-filter-input-border-right_sorted","description":"Styles the right border of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/IWA4XX9B","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-top_sorted","name":"--zg-filter-input-border-top_sorted","description":"Styles the top border of input field in filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/O83MW4X2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-filter-input-border)","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-border-radius_sorted","name":"--zg-filter-input-border-radius_sorted","description":"Applies border radius to filter input when sorted","demoLink":"https://app.zingsoft.com/demos/create/YLATIXYW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-input-color_sorted","name":"--zg-filter-input-color_sorted","description":"Styles the font color of text in input field of filter when sorted","demoLink":"https://app.zingsoft.com/demos/create/9GRVADYL","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-select-color","name":"--zg-filter-select-color","description":"Styles the font color of text in the select dropdown filter","demoLink":"https://app.zingsoft.com/demos/create/9GRVADYL","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-select-font-size","name":"--zg-filter-select-font-size","description":"Sets the font size of the select dropdown filter","demoLink":"https://app.zingsoft.com/demos/create/7GR5F9EJ","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-select-height","name":"--zg-filter-select-height","description":"Sets the height of the select dropdown filter","demoLink":"https://app.zingsoft.com/demos/create/1FM6QEGK","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-select-margin","name":"--zg-filter-select-margin","description":"Sets the margin of the select dropdown filter","demoLink":"https://app.zingsoft.com/demos/create/B8M40OM8","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"},{"memberof":"ZGFilter","fullName":"zg-filter--zg-filter-select-margin","name":"--zg-filter-select-margin","description":"Sets the width of the select dropdown filter","demoLink":"https://app.zingsoft.com/demos/create/8VQBRQOG","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"Browser's default value","tagName":"zg-filter","category":"CSS Variable"}]