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

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

[{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-height_button","name":"--zg-pager-height_button","description":"Sets the height of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/1Q1Y5Y7U","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-background","name":"--zg-pager-background","description":"Styles the background of pager","demoLink":"https://app.zingsoft.com/demos/create/DSI1M4K6","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"Browser's default value","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-bottom","name":"--zg-pager-border-bottom","description":"Styles the bottom border of pager","demoLink":"https://app.zingsoft.com/demos/create/HLBTB6HX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border, 0)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-left","name":"--zg-pager-border-left","description":"Styles the left border of pager","demoLink":"https://app.zingsoft.com/demos/create/A3EQ97B7","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border, 0)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-right","name":"--zg-pager-border-right","description":"Styles the right border of pager","demoLink":"https://app.zingsoft.com/demos/create/8PKZ2V87","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border, 0)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-top","name":"--zg-pager-border-top","description":"Styles the top border of pager","demoLink":"https://app.zingsoft.com/demos/create/S7J5KA7S","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-box-shadow","name":"--zg-pager-box-shadow","description":"Applies a box shadow behind the pager","demoLink":"https://app.zingsoft.com/demos/create/E3ZE0EHX","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#propdef-box-shadow","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-color","name":"--zg-pager-color","description":"Sets the color of pager text","demoLink":"https://app.zingsoft.com/demos/create/C1JDZLU9","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"var(--zing-grid-color), var(--theme-color)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-font-size","name":"--zg-pager-font-size","description":"Sets the font size of pager text","demoLink":"https://app.zingsoft.com/demos/create/4MA9LSWA","cssRefLink":"https://www.w3.org/TR/CSS22/fonts.html#propdef-font-size","default":"Browser's default value","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-margin","name":"--zg-pager-margin","description":"Sets the margin of pager","demoLink":"https://app.zingsoft.com/demos/create/SQZ9LICW","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-height","name":"--zg-pager-height","description":"Sets the minimum height of pager","demoLink":"https://app.zingsoft.com/demos/create/5LQ86G4I","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-min-height","default":"1px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-padding","name":"--zg-pager-padding","description":"Sets the padding of pager","demoLink":"https://app.zingsoft.com/demos/create/DFS7ZU1P","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#padding-properties","default":"0 var(--theme-padding_x)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-child-margin","name":"--zg-pager-child-margin","description":"Sets the margin of pager items","demoLink":"https://app.zingsoft.com/demos/create/BHPOIOVV","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0 5px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-background_button","name":"--zg-pager-background_button","description":"Styles the background of pager buttons in 'button-pagination` mode","demoLink":"https://app.zingsoft.com/demos/create/2W0L943N","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-primary)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border_button","name":"--zg-pager-border_button","description":"Styles the bottom border of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/6GTM4FBP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-bottom_button","name":"--zg-pager-border-bottom_button","description":"Styles the bottom border of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/6GTM4FBP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-left_button","name":"--zg-pager-border-left_button","description":"Styles the left border of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/RYTF8WCR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-right_button","name":"--zg-pager-border-right_button","description":"Styles the right border of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/CROQ1YCC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-top_button","name":"--zg-pager-border-top_button","description":"Styles the top border of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/FUJKHWQ4","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-radius_button","name":"--zg-pager-border-radius_button","description":"Applies border radius to the pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/NVMU8M40","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"50%","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-color_button","name":"--zg-pager-color_button","description":"Sets the color of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/create/ZVG4V1IY","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border","name":"--zg-pager-border","description":"Styles the border of pager","demoLink":"https://app.zingsoft.com/demos/create/12I3VYOI","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-width_button","name":"--zg-pager-width_button","description":"Sets the width of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/XDFDMJDM","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-background_button_active","name":"--zg-pager-background_button_active","description":"Styles the background of active pager buttons in 'button-pagination` mode","demoLink":"https://app.zingsoft.com/demos/create/2W0L943N","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-primary)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border_button_active","name":"--zg-pager-border_button_active","description":"Styles the bottom border of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/6GTM4FBP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"1px solid var(--theme-border-color)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-bottom_button_active","name":"--zg-pager-border-bottom_button_active","description":"Styles the bottom border of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/6GTM4FBP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button_active)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-left_button_active","name":"--zg-pager-border-left_button_active","description":"Styles the left border of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/RYTF8WCR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button_active)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-right_button_active","name":"--zg-pager-border-right_button_active","description":"Styles the right border of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/CROQ1YCC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button_active)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-top_button_active","name":"--zg-pager-border-top_button_active","description":"Styles the top border of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/FUJKHWQ4","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"var(--zg-pager-border_button_active)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-radius_button_active","name":"--zg-pager-border-radius_button_active","description":"Applies border radius to the pager next/previous buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/NVMU8M40","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"50%","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-color_button_active","name":"--zg-pager-color_button_active","description":"Sets the color of pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/create/04TXEZYD","cssRefLink":"https://www.w3.org/TR/CSS22/colors.html#propdef-color","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-height_button_active","name":"--zg-pager-height_button_active","description":"Sets the height of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/1Q1Y5Y7U","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-width_button_active","name":"--zg-pager-width_button_active","description":"Sets the width of active pager buttons in 'button-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/XDFDMJDM","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"26px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-background_cursor","name":"--zg-pager-background_cursor","description":"Styles the background of pager next/previous buttons in 'cursor-pagination` mode","demoLink":"https://app.zingsoft.com/demos/create/2W0L943N","cssRefLink":"https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#the-background","default":"var(--theme-color-primary)","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-bottom_cursor","name":"--zg-pager-border-bottom_cursor","description":"Styles the bottom border of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/6GTM4FBP","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-left_cursor","name":"--zg-pager-border-left_cursor","description":"Styles the left border of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/RYTF8WCR","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-right_cursor","name":"--zg-pager-border-right_cursor","description":"Styles the right border of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/CROQ1YCC","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-top_cursor","name":"--zg-pager-border-top_cursor","description":"Styles the top border of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/FUJKHWQ4","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#borders","default":"0","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-border-radius_cursor","name":"--zg-pager-border-radius_cursor","description":"Applies border radius to the pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/NVMU8M40","cssRefLink":"https://www.w3.org/TR/css-backgrounds-3/#the-border-radius","default":"50%","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-height_cursor","name":"--zg-pager-height_cursor","description":"Sets the height of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/1Q1Y5Y7U","cssRefLink":"https://www.w3.org/TR/CSS22/visudet.html#propdef-height","default":"21px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-width_cursor","name":"--zg-pager-width_cursor","description":"Sets the width of pager next/previous buttons in 'cursor-pagination' mode","demoLink":"https://app.zingsoft.com/demos/view/XDFDMJDM","cssRefLink":"https://www.w3.org/TR/css-sizing-3/#propdef-width","default":"21px","tagName":"zg-pager","category":"CSS Variable"},{"memberof":"ZGPager","fullName":"zg-pager--zg-pager-text-margin","name":"--zg-pager-text-margin","description":"Sets the margin of pager text","demoLink":"https://app.zingsoft.com/demos/create/JRVD4KCC","cssRefLink":"https://www.w3.org/TR/CSS22/box.html#margin-properties","default":"0 2px","tagName":"zg-pager","category":"CSS Variable"}]