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

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

[{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-right_focus","name":"--zg-button-border-right_focus","description":"Styles the right border of a button on focus","demoLink":"https://app.zingsoft.com/demos/create/MTB5U5AF","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background","name":"--zg-button-background","description":"Styles the background of button","demoLink":"https://app.zingsoft.com/demos/create/0NOUHK2G","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-bottom","name":"--zg-button-border-bottom","description":"Styles the bottom border of a button","demoLink":"https://app.zingsoft.com/demos/create/49VYLDM2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-left","name":"--zg-button-border-left","description":"Styles the left border of a button","demoLink":"https://app.zingsoft.com/demos/create/5BOPSVLN","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-right","name":"--zg-button-border-right","description":"Styles the right border of a button","demoLink":"https://app.zingsoft.com/demos/create/LK4TGZ1R","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-top","name":"--zg-button-border-top","description":"Styles the top border of a button","demoLink":"https://app.zingsoft.com/demos/create/4SWUJJOY","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow","name":"--zg-button-box-shadow","description":"Styles the box-shadow of the button","demoLink":"https://app.zingsoft.com/demos/create/TUG6V5YD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color","name":"--zg-button-color","description":"Sets the font color of button","demoLink":"https://app.zingsoft.com/demos/create/RPE1ZPAR","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-font-family","name":"--zg-button-font-family","description":"Sets the font family of button","demoLink":"https://app.zingsoft.com/demos/create/7JWFA1UO","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-family","default":"inherit","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-font-size","name":"--zg-button-font-size","description":"Sets the font size of button","demoLink":"https://app.zingsoft.com/demos/create/0B3ZKXEO","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"90%","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-font-style","name":"--zg-button-font-style","description":"Sets the font style of button","demoLink":"https://app.zingsoft.com/demos/create/N5ISV2HS","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-style","default":"inherit","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-font-weight","name":"--zg-button-font-weight","description":"Sets the font weight of button","demoLink":"https://app.zingsoft.com/demos/create/USH6VNB2","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-weight","default":"inherit","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-line-height","name":"--zg-button-line-height","description":"Sets the line height of button","demoLink":"https://app.zingsoft.com/demos/create/BC7ELB6L","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-line-height","default":"inherit","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-margin","name":"--zg-button-margin","description":"Sets the margin of button","demoLink":"https://app.zingsoft.com/demos/create/M834XVE5","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-padding","name":"--zg-button-padding","description":"Sets the padding of button","demoLink":"https://app.zingsoft.com/demos/create/SXA4AMPI","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"3px","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-icon-background_hover","name":"--zg-button-icon-background_hover","description":"Styles the background of the icon in a button on hover state","demoLink":"https://app.zingsoft.com/demos/create/AKM36W15","cssRefLink":"https://www.w3.org/TR/fill-stroke-3/#propdef-fill","default":"#fff","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_hover","name":"--zg-button-background_hover","description":"Styles the background of button on hover","demoLink":"https://app.zingsoft.com/demos/create/F1CZ5AEC","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_hover","name":"--zg-button-border_hover","description":"Styles the border of a button on hover state","demoLink":"https://app.zingsoft.com/demos/create/M6VZUWV3","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-bottom_hover","name":"--zg-button-border-bottom_hover","description":"Styles the bottom border of a button on hover","demoLink":"https://app.zingsoft.com/demos/create/N34TY79O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-left_hover","name":"--zg-button-border-left_hover","description":"Styles the left border of a button on hover","demoLink":"https://app.zingsoft.com/demos/create/8WXKJKRH","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-right_hover","name":"--zg-button-border-right_hover","description":"Styles the right border of a button on hover","demoLink":"https://app.zingsoft.com/demos/create/3F37KXA6","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-top_hover","name":"--zg-button-border-top_hover","description":"Styles the top border of a button on hover","demoLink":"https://app.zingsoft.com/demos/create/8YBE3ACC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_hover","name":"--zg-button-box-shadow_hover","description":"Styles the box-shadow of the button on hover","demoLink":"https://app.zingsoft.com/demos/create/RAV3EMI2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_hover","name":"--zg-button-color_hover","description":"Styles the color of the button on hover","demoLink":"https://app.zingsoft.com/demos/create/TNO4DYRC","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-transition_speed","name":"--zg-button-transition_speed","description":"Sets the transition speed of button","demoLink":"https://app.zingsoft.com/demos/create/W9ECS6H6","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"var(--theme-transition_speed)","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_focus","name":"--zg-button-background_focus","description":"Styles the background of button on focus","demoLink":"https://app.zingsoft.com/demos/create/KHSJ4IAG","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_focus","name":"--zg-button-border_focus","description":"Styles the border of a button on focus state","demoLink":"https://app.zingsoft.com/demos/create/6ECRZ83T","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-bottom_focus","name":"--zg-button-border-bottom_focus","description":"Styles the bottom border of a button on focus","demoLink":"https://app.zingsoft.com/demos/create/TNC5VI4O","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-left_focus","name":"--zg-button-border-left_focus","description":"Styles the left border of a button on focus","demoLink":"https://app.zingsoft.com/demos/create/OTDDVBOS","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border","name":"--zg-button-border","description":"Styles the border of a button","demoLink":"https://app.zingsoft.com/demos/create/OQ49B7D2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-top_focus","name":"--zg-button-border-top_focus","description":"Styles the top border of a button on focus","demoLink":"https://app.zingsoft.com/demos/create/LO0MH08V","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_hover","name":"--zg-button-box-shadow_hover","description":"Styles the box-shadow of the button on hover","demoLink":"https://app.zingsoft.com/demos/create/P92OHBPM","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_focus","name":"--zg-button-color_focus","description":"Styles the color of the button on focus","demoLink":"https://app.zingsoft.com/demos/create/18C3727I","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-transition_speed","name":"--zg-button-transition_speed","description":"Sets the transition speed of button","demoLink":"https://app.zingsoft.com/demos/create/W9ECS6H6","cssRefLink":"https://www.w3.org/TR/css-transitions-1/","default":"var(--theme-transition_speed)","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_active","name":"--zg-button-background_active","description":"Styles of background of button on active state","demoLink":"https://app.zingsoft.com/demos/create/B5GX883S","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-background-color)","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_active","name":"--zg-button-border_active","description":"Styles the border of a button on active state","demoLink":"https://app.zingsoft.com/demos/create/XPUZZ3LU","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-bottom_active","name":"--zg-button-border-bottom_active","description":"Styles the bottom border of a button on active state","demoLink":"https://app.zingsoft.com/demos/create/NOL6XBMR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-left_active","name":"--zg-button-border-left_active","description":"Styles the left border of a button on active state","demoLink":"https://app.zingsoft.com/demos/create/RG7Z2CMD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-right_active","name":"--zg-button-border-right_active","description":"Styles the right border of a button on active state","demoLink":"https://app.zingsoft.com/demos/create/TX5552LK","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border-top_active","name":"--zg-button-border-top_active","description":"Styles the top border of a button on active state","demoLink":"https://app.zingsoft.com/demos/create/X9WBHY4L","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_active","name":"--zg-button-box-shadow_active","description":"Styles the box-shadow of the button on activation","demoLink":"https://app.zingsoft.com/demos/create/MX9J71NQ","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_active","name":"--zg-button-color_active","description":"Styles the color of the button on active state","demoLink":"https://app.zingsoft.com/demos/create/RARCAIWD","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-opacity_disabled","name":"--zg-button-opacity_disabled","description":"Styles the opacity of disabled button or button on hover","demoLink":"https://app.zingsoft.com/demos/create/L2BLE14D","cssRefLink":"https://www.w3.org/TR/css-color-3/#opacity","default":"0.2","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_custom","name":"--zg-button-background_custom","description":"Styles the background of custom button","demoLink":"https://app.zingsoft.com/demos/create/ILHRA36E","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_custom","name":"--zg-button-border_custom","description":"Styles the border of custom button","demoLink":"https://app.zingsoft.com/demos/create/VZ1UMHDW","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_custom","name":"--zg-button-box-shadow_custom","description":"Applies a box shadow behind custom button","demoLink":"https://app.zingsoft.com/demos/create/WV8BPHHG","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_custom_focus","name":"--zg-button-background_custom_focus","description":"Styles the background of custom button on focus","demoLink":"https://app.zingsoft.com/demos/create/DNQPAWTN","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_custom_focus","name":"--zg-button-border_custom_focus","description":"Styles the border of custom button on focus","demoLink":"https://app.zingsoft.com/demos/create/6YMT2CI2","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_custom_focus","name":"--zg-button-box-shadow_custom_focus","description":"Applies a box shadow behind custom button on focus","demoLink":"https://app.zingsoft.com/demos/create/ZUYVPA4G","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_custom_focus","name":"--zg-button-color_custom_focus","description":"Sets the font color of custom button on focus","demoLink":"https://app.zingsoft.com/demos/create/6SPOXN1V","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-icon-background_custom_hover","name":"--zg-button-icon-background_custom_hover","description":"Styles the background of icon in custom button on hover","demoLink":"https://app.zingsoft.com/demos/create/KM9ESQ95","cssRefLink":"https://www.w3.org/TR/fill-stroke-3/#propdef-fill","default":"#fff","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_custom_hover","name":"--zg-button-background_custom_hover","description":"Styles the background of custom button on hover","demoLink":"https://app.zingsoft.com/demos/create/3NS677KC","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_custom_hover","name":"--zg-button-border_custom_hover","description":"Styles the border of custom button on hover","demoLink":"https://app.zingsoft.com/demos/create/M471ONLC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_custom_hover","name":"--zg-button-box-shadow_custom_hover","description":"Applies a box shadow behing custom button on hover","demoLink":"https://app.zingsoft.com/demos/create/6G5744Z9","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_custom_hover","name":"--zg-button-color_custom_hover","description":"Sets the font color of custom button on hover","demoLink":"https://app.zingsoft.com/demos/create/UTHW9VD5","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-background_custom_active","name":"--zg-button-background_custom_active","description":"Styles the background of custom button on active state","demoLink":"https://app.zingsoft.com/demos/create/I7M662SJ","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-border_custom_active","name":"--zg-button-border_custom_active","description":"Styles the border of custom button on active state","demoLink":"https://app.zingsoft.com/demos/create/SBAJGZLD","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-box-shadow_custom_active","name":"--zg-button-box-shadow_custom_active","description":"Applies a box shadow behind custom button on active state","demoLink":"https://app.zingsoft.com/demos/create/NFET6MLX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"},{"memberof":"ZGButton","fullName":"zg-button--zg-button-color_custom_active","name":"--zg-button-color_custom_active","description":"Sets the font color of custom button on active state","demoLink":"https://app.zingsoft.com/demos/create/L6FV9PN6","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"Browser's default value","tagName":"zg-button","category":"CSS Variable"}]