@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 2.9 kB
Source Map (JSON)
{"version":3,"sources":["pagination.css"],"names":[],"mappings":"AAEC;EACC,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,QAAQ;EACR,qBAAqB;EACrB,SAAS;EACT,UAAU;CACX;;CAEA;EAGC,mBAAmB;EACnB,mBAAgD;EAChD,yBAAgD;EAChD,kBAAkB;EAClB,yCAAgD;EAChD,sBAAsB;EACtB,cAAoC;EACpC,eAAe;EACf,aAAa;EACb,uIAAgD;EAChD,mBAA0C;EAC1C,gBAAmD;EACnD,iBAAiB;EACjB,iBAAiB;CAiBlB;;CAfC;GAEC,gHAAgD;EACjD;;CAEA;GACC,qBAAgD;GAChD,+BAA4D;EAC7D;;CAEA;GAEC,qBAA4C;GAC5C,YAAY;EACb;;CAGD;EACC,mBAA6C;EAC7C,qBAA+C;EAC/C,WAAqC;EACrC,eAAe;CAchB;;CAZC;GAEC,mBAA6C;GAC7C,qBAA+C;GAC/C,yCAAgD;GAChD,WAAqC;EACtC;;CAEA;GACC,qBAAiD;GACjD,+BAAwD;EACzD;;CAGD;EACC,mBAAmB;EACnB,eAAe;EACf,aAAa;EACb,uIAAgD;EAChD,mBAA0C;EAC1C,gBAAmD;EACnD,gBAAgB;CACjB","file":"pagination.css","sourcesContent":[".gform-admin {\n\n\t.gform-pagination {\n\t\tbox-sizing: border-box;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tgap: 6px;\n\t\tlist-style-type: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-pagination__link--previous,\n\t.gform-pagination__link,\n\t.gform-pagination__link--next {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-titan-white);\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tbox-sizing: border-box;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\tfont-weight: var(--gform-common-font-weight-medium);\n\t\tline-height: 20px;\n\t\tpadding: 7px 12px;\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tborder-color: var(--gform-admin-color-blue-haze);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-white-lilac);\n\t\t}\n\n\t\t&:disabled,\n\t\t&.gform-pagination__link--disabled {\n\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-pagination__link--selected {\n\t\tbackground: var(--gform-admin-color-chathams);\n\t\tborder-color: var(--gform-admin-color-chathams);\n\t\tcolor: var(--gform-admin-color-white);\n\t\tcursor: default;\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\tborder-color: var(--gform-admin-color-chathams);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\t\tcolor: var(--gform-admin-color-white);\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tborder-color: var(--gform-admin-color-light-blue);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\t}\n\n\t.gform-pagination__link--break {\n\t\talign-items: center;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\tfont-weight: var(--gform-common-font-weight-medium);\n\t\tpadding: 7px 4px;\n\t}\n}\n"]}