@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 17 kB
Source Map (JSON)
{"version":3,"sources":["button.css"],"names":[],"mappings":"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","file":"button.css","sourcesContent":[".gform-admin {\n\n\t.gform-button {\n\t\talign-items: center; /* stylelint-disable-line */\n\t\tborder: 1px solid transparent;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: inline-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\theight: 2.375rem;\n\t\tline-height: normal;\n\t\tpadding-block: 0;\n\t\tpadding-inline: 1.125rem;\n\t\tposition: relative;\n\t\ttext-decoration: none;\n\t\ttransition: var(--gform-admin-transition-button);\n\t\twhite-space: nowrap;\n\n\t\t&:focus {\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-focus);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&.gform-button--circular {\n\t\t\tborder-radius: 100%;\n\t\t\tjustify-content: center;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.gform-button__icon {\n\t\tfont-size: var(--gform-admin-font-size-lg);\n\t\tposition: relative;\n\t}\n\n\t.gform-button--width-half {\n\t\tjustify-content: center;\n\t\twidth: 50%;\n\t}\n\n\t.gform-button--width-full {\n\t\tjustify-content: center;\n\t\twidth: 100%;\n\t}\n\n\t.gform-button--primary {\n\t\tbackground: var(--gform-admin-color-gravity-blue);\n\t\tborder-color: var(--gform-admin-color-gravity-blue);\n\t\tcolor: var(--gform-admin-color-white);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground: var(--gform-admin-color-primary-light);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tbackground: var(--gform-admin-color-gravity-blue);\n\t\t\tcolor: var(--gform-admin-color-button-disabled);\n\t\t}\n\t}\n\n\t.gform-button--primary-new {\n\t\tbackground: var(--gform-admin-color-chathams);\n\t\tborder-color: var(--gform-admin-color-chathams);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcolor: var(--gform-admin-color-white);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground: var(--gform-admin-color-port);\n\t\t\tborder-color: var(--gform-admin-color-port);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t}\n\n\t\t&:focus {\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\n\t\t&:disabled {\n\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\tborder-color: var(--gform-admin-color-chathams);\n\t\t\topacity: 0.5;\n\t\t}\n\n\t\t.gform-button__loader circle {\n\t\t\tstroke: var(--gform-admin-color-white);\n\t\t}\n\t}\n\n\t.gform-button--secondary {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder-color: var(--gform-admin-color-gravity-blue);\n\t\tcolor: var(--gform-admin-color-gravity-blue);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tborder-color: var(--gform-admin-color-primary-light);\n\t\t\tcolor: var(--gform-admin-color-primary-light);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-blue-haze);\n\t\t\tcolor: var(--gform-admin-color-blue-haze);\n\t\t}\n\t}\n\n\t.gform-button--white {\n\t\tbackground: var(--gform-admin-color-titan-white);\n\t\tborder-color: var(--gform-admin-color-snuff);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcolor: var(--gform-admin-color-port);\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 {\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\tborder-color: var(--gform-admin-color-snuff);\n\t\t\topacity: 0.5;\n\t\t}\n\n\t\t.gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t}\n\n\t\t.gform-button__loader circle {\n\t\t\tstroke: var(--gform-admin-color-comet);\n\t\t}\n\t}\n\n\t.gform-button--apple-green {\n\t\tbackground: var(--gform-admin-color-light-green);\n\t\tborder-color: var(--gform-admin-color-tara);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcolor: var(--gform-admin-color-green);\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 {\n\t\t\tborder-color: var(--gform-admin-color-emerald);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-tara);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-tara);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-button--egyptian-blue {\n\t\tbackground: var(--gform-admin-color-titan-white);\n\t\tborder-color: var(--gform-admin-color-spindle);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcolor: var(--gform-admin-color-blue-ribbon);\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 {\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-spindle);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-button--amaranth-red {\n\t\tbackground: var(--gform-admin-color-rose-white);\n\t\tborder-color: var(--gform-admin-color-spanish-pink);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\tcolor: var(--gform-admin-color-red);\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 {\n\t\t\tborder-color: var(--gform-admin-color-red);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spanish-pink);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-spanish-pink);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-button--simplified {\n\t\tbackground: transparent;\n\t\tbox-shadow: none;\n\t\tcolor: var(--gform-admin-color-comet);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground-color: var(--gform-admin-color-white-lilac);\n\t\t\tborder-color: var(--gform-admin-color-white);\n\t\t\tcolor: var(--gform-admin-color-chathams);\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-spindle);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-button--unstyled {\n\t\tbackground: none;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t\tcolor: var(--gform-admin-color-text);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tpadding: 0;\n\n\t\t.gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-icon);\n\t\t\tfont-size: 1.5rem;\n\t\t\tinset-block-start: 0.05rem;\n\t\t\tpadding-inline-end: 0.25rem;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t&:hover,\n\t\t&:active,\n\t\t&:focus {\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: var(--gform-admin-color-button);\n\t\t\toutline: none;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-button);\n\t\t\t}\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder: none;\n\t\t\tcolor: var(--gform-admin-color-blue-haze);\n\t\t}\n\t}\n\n\t.gform-button--icon-white,\n\t.gform-button--icon-grey {\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tjustify-content: center;\n\n\t\t&.gform-button--size-height-s {\n\t\t\tblock-size: 1.875rem;\n\t\t\tinline-size: 1.875rem;\n\t\t\tpadding: 0.25rem;\n\t\t}\n\n\t\t&.gform-button--size-height-m {\n\t\t\tblock-size: 2.1875rem;\n\t\t\tinline-size: 2.1875rem;\n\t\t\tpadding: 0.375rem;\n\t\t}\n\t}\n\n\t.gform-button--icon-white {\n\t\tbackground: var(--gform-admin-color-titan-white);\n\t\tborder-color: var(--gform-admin-color-snuff);\n\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-super);\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-button--icon-grey {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder-color: var(--gform-admin-color-white);\n\t\tbox-shadow: none;\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbackground: var(--gform-admin-color-white-lilac);\n\t\t\tborder-color: var(--gform-admin-color-white-lilac);\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: var(--gform-admin-color-titan-white);\n\t\t\tborder-color: var(--gform-admin-color-blue-ribbon);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tbackground: var(--gform-admin-color-titan-white);\n\t\t\tborder-color: var(--gform-admin-color-titan-white);\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-button);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t/*\n\t * Size variants\n\t */\n\n\t.gform-button--size-xs {\n\t\tblock-size: 2rem;\n\t\tfont-size: var(--gform-admin-font-size-xs);\n\t\tpadding-block: 0;\n\t\tpadding-inline: 0.6875rem;\n\n\t\t.gform-button__icon {\n\t\t\tfont-size: 1rem;\n\t\t}\n\t}\n\n\t.gform-button--size-sm {\n\t\tblock-size: 2.125rem;\n\t\tpadding-block: 0;\n\t\tpadding-inline: 0.8125rem;\n\n\t\t.gform-button__icon {\n\t\t\tfont-size: 1rem;\n\t\t}\n\t}\n\n\t.gform-button--size-l {\n\t\tblock-size: 2.625rem;\n\t\tfont-size: 1rem;\n\n\t\t.gform-button__icon {\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n\n\t.gform-button--size-xl {\n\t\tblock-size: 3.125rem;\n\t\tfont-size: 1rem;\n\t\tpadding-block: 0.8125rem;\n\t\tpadding-inline: 1.5625rem;\n\n\t\t.gform-button__icon {\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n\n\t.gform-button--size-height-s {\n\t\theight: 1.875rem;\n\t\tpadding: 0.375rem 0.5rem;\n\t}\n\n\t.gform-button--size-height-m {\n\t\theight: 2.1875rem;\n\t\tpadding: 0.375rem 0.625rem;\n\t}\n\n\t.gform-button--size-height-l {\n\t\theight: 2.375rem;\n\t\tpadding: 0.5rem 0.875rem;\n\t}\n\n\t.gform-button--size-height-xl {\n\t\theight: 2.9375rem;\n\t\tpadding: 0.75rem 0.875rem;\n\t}\n\n\t.gform-button--size-height-xxl {\n\t\theight: 3.375rem;\n\t\tpadding: 0.875rem;\n\t}\n\n\t/*\n\t * Icon variants\n\t */\n\n\t.gform-button--icon-leading {\n\n\t\t.gform-button__icon {\n\t\t\tmargin-inline-end: 0.35rem;\n\t\t}\n\n\t\t&.gform-button--size-xs {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-end: 0.375rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-sm {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-end: 0.375rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-l {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-end: 0.625rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-xl {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-end: 0.75rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-button--icon-trailing {\n\n\t\t.gform-button__icon {\n\t\t\tmargin-inline-start: 0.5rem;\n\t\t}\n\n\t\t&.gform-button--size-xs {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-start: 0.375rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-sm {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-start: 0.375rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-l {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-start: 0.625rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-xl {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tmargin-inline-start: 0.75rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Rounded variants\n\t */\n\n\t.gform-button--round {\n\t\tborder-radius: 1.1875rem;\n\n\t\t&.gform-button--size-xs {\n\t\t\tborder-radius: 0.9375rem;\n\t\t}\n\n\t\t&.gform-button--size-sm {\n\t\t\tborder-radius: 1.0625rem;\n\t\t}\n\n\t\t&.gform-button--size-l {\n\t\t\tborder-radius: 1.3125rem;\n\t\t}\n\n\t\t&.gform-button--size-xl {\n\t\t\tborder-radius: 1.5625rem;\n\t\t}\n\t}\n\n\t/*\n\t * Circular variants\n\t */\n\n\t.gform-button--circular {\n\t\theight: 2.375rem;\n\t\twidth: 2.375rem;\n\n\t\t.gform-button__icon {\n\t\t\tfont-size: 1.375rem;\n\t\t}\n\n\t\t&.gform-button--size-xs {\n\t\t\theight: 1.875rem;\n\t\t\twidth: 1.875rem;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tfont-size: 1.125rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-sm {\n\t\t\theight: 2.125rem;\n\t\t\twidth: 2.125rem;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-l {\n\t\t\theight: 2.625rem;\n\t\t\twidth: 2.625rem;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tfont-size: 1.75rem;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-button--size-xl {\n\t\t\theight: 3.125rem;\n\t\t\twidth: 3.125rem;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tfont-size: 2rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t/*\n\t * Active state\n\t */\n\n\t.gform-button__text--active {\n\t\tdisplay: none;\n\t\tmargin-inline-start: 10px;\n\t}\n\n\t.gform-button--loader-after .gform-button__text--active {\n\t\tmargin-inline: 0 0.5rem;\n\t}\n\n\t.gform-button--activated {\n\t\tjustify-content: center;\n\n\t\t&.gform-button--primary {\n\t\t\tcolor: var(--gform-admin-color-white);\n\t\t}\n\n\t\t.gform-button__icon--inactive {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.gform-button__text--inactive {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.gform-button__text--active {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\t}\n}\n"]}