UNPKG

@gravityforms/components

Version:

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

1 lines 9.95 kB
{"version":3,"sources":["dialog.css"],"names":[],"mappings":"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","file":"dialog.css","sourcesContent":[".gform-admin {\n\n\t.admin-bar & {\n\n\t\t.gform-dialog__mask--position-fixed {\n\t\t\tblock-size: calc(100vh - 46px);\n\t\t\tinset-block-start: 46px;\n\n\t\t\t@media (--gform-admin-viewport-wpadmin) {\n\t\t\t\tblock-size: calc(100vh - 32px);\n\t\t\t\tinset-block-start: 32px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-admin & {\n\n\t\t.gform-dialog__mask--position-fixed {\n\n\t\t\t@media (--gform-admin-viewport-wpadmin) {\n\t\t\t\tinline-size: calc(100% - 160px);\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-admin.folded &,\n\t.wp-admin.auto-fold & {\n\n\t\t.gform-dialog__mask--position-fixed {\n\n\t\t\t@media (--gform-admin-viewport-wpadmin) {\n\t\t\t\tinline-size: calc(100% - 36px);\n\t\t\t}\n\t\t}\n\t}\n\n\t.wp-admin.auto-fold:not(.folded) & {\n\n\t\t.gform-dialog__mask--position-fixed {\n\n\t\t\t@media (--gform-admin-viewport-wpadmin-961) {\n\t\t\t\tinline-size: calc(100% - 160px);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-dialog__mask {\n\t\talign-items: center;\n\t\tdisplay: none;\n\t\theight: 100%;\n\t\tjustify-content: center;\n\t\topacity: 0;\n\t\ttop: 0;\n\t\ttransition: opacity 200ms ease-in-out;\n\t\twidth: 100%;\n\n\t\t&.gform-dialog--alignment-top {\n\t\t\talign-items: flex-start;\n\t\t\toverflow-y: auto;\n\t\t\tpadding-bottom: 50px;\n\t\t\tpadding-top: 110px;\n\t\t}\n\n\t\t&.gform-dialog--anim-in-ready {\n\t\t\tdisplay: flex;\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&.gform-dialog--anim-in-active {\n\t\t\topacity: 1;\n\n\t\t\t.gform-dialog {\n\t\t\t\ttransform: scale(1);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dialog__mask--position-fixed {\n\t\t\tposition: fixed;\n\t\t}\n\n\t\t&.gform-dialog__mask--position-absolute {\n\t\t\tposition: absolute;\n\t\t}\n\n\t\t&.gform-dialog__mask--theme-light {\n\t\t\tbackground: rgba(255, 255, 255, 0.65);\n\t\t}\n\n\t\t&.gform-dialog__mask--theme-dark {\n\t\t\tbackground-color: rgba(36, 39, 72, 0.75);\n\t\t}\n\n\t\t&.gform-dialog__mask--blur {\n\t\t\tbackdrop-filter: blur(8px);\n\t\t}\n\t}\n\n\t.gform-dialog {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-light-blue);\n\t\tbox-shadow: 0 0 1px rgba(18, 25, 97, 0.24), 0 24px 24px rgba(18, 25, 97, 0.03), 0 2px 2px rgba(18, 25, 97, 0.03), 0 4px 4px rgba(18, 25, 97, 0.03), 0 8px 8px rgba(18, 25, 97, 0.03), 0 16px 16px rgba(18, 25, 97, 0.03);\n\t\tbox-sizing: border-box;\n\t\tmax-width: 600px;\n\t\toverflow-y: auto;\n\t\tpadding: 14px 25px 25px;\n\t\tposition: relative;\n\t\ttransform: scale(0.95);\n\t\ttransition: transform 200ms ease-in-out;\n\t\twidth: calc(100% - 40px);\n\n\t\t&.gform-dialog--container {\n\t\t\tborder: none;\n\t\t\tbox-shadow: none;\n\t\t\theight: 100%;\n\t\t\tmax-width: none;\n\t\t\tpadding: 0;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t&.gform-dialog--animated {\n\t\t\topacity: 0;\n\t\t\tposition: relative;\n\t\t\ttop: 20px;\n\t\t\ttransform: scale(1);\n\t\t\ttransition: transform 600ms, opacity 600ms, top 600ms;\n\n\t\t\t&.gform-dialog--animate-reveal {\n\t\t\t\topacity: 1;\n\t\t\t\ttop: 0;\n\t\t\t\ttransform: scale(1);\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dialog__theme--cosmos {\n\t\t\tborder-radius: 3px;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-mega);\n\n\t\t\t.gform-dialog__content {\n\t\t\t\tcolor: var(--gform-admin-color-grey-500);\n\t\t\t}\n\n\t\t\t.gform-dialog__footer {\n\t\t\t\tpadding-top: 32px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dialog--simplebar {\n\t\t\talign-items: stretch;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\toverflow-y: inherit;\n\t\t\tpadding: 0;\n\n\t\t\t[data-simplebar=\"init\"] {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-grow: 1;\n\t\t\t\toverflow-y: auto;\n\t\t\t\tpadding: 14px 25px 25px;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.simplebar-content-wrapper {\n\t\t\t\tborder: 0;\n\t\t\t\toutline: 0;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__close {\n\t\t\tinset-inline-end: 25px;\n\t\t\tposition: absolute;\n\t\t\ttop: 25px;\n\n\t\t\t&.gform-button--size-xs {\n\t\t\t\theight: 1.875rem;\n\t\t\t\twidth: 1.875rem;\n\n\t\t\t\t.gform-button__icon {\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-button--size-md {\n\t\t\t\theight: 2.5rem;\n\t\t\t\tinset-inline-end: 20px;\n\t\t\t\ttop: 20px;\n\t\t\t\twidth: 2.5rem;\n\n\t\t\t\t.gform-button__icon {\n\t\t\t\t\ttop: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__close.gform-button--circular.gform-dialog__close--plain {\n\t\t\tbackground: none;\n\t\t\tborder: none;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-white);\n\t\t\t\tfont-size: 2rem;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__close.gform-button--unstyled.gform-button--size-md {\n\t\t\tjustify-content: flex-end;\n\t\t}\n\n\t\t.gform-dialog__close.gform-button--unstyled .gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t}\n\n\t\t.gform-dialog__head {\n\n\t\t\t&.gform-dialog__head--with-divider {\n\t\t\t\tborder-bottom: 1px solid var(--gform-admin-color-secondary-border);\n\t\t\t\tpadding-bottom: 15px;\n\t\t\t}\n\n\t\t\t.gform-indicator {\n\t\t\t\tposition: absolute;\n\t\t\t}\n\n\t\t\t.gform-indicator--confirm {\n\t\t\t\tinset-block-start: 28px;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__title {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-size: 1.1875rem;\n\t\t\tfont-weight: var(--gform-common-font-weight-medium);\n\t\t\tline-height: initial;\n\t\t\tmargin: 10px 0 0 0;\n\t\t\tpadding-inline-end: 30px;\n\t\t\tposition: relative;\n\n\t\t\t&.gform-dialog__title--has-icon {\n\t\t\t\tpadding-block-start: 6px;\n\t\t\t\tpadding-inline-start: 50px;\n\t\t\t}\n\n\t\t\t&.gform-dialog__title--icon-type-confirm {\n\t\t\t\tpadding-block-start: 0;\n\t\t\t\tpadding-inline-start: 30px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-dialog--title-size-md {\n\n\t\t\t.gform-dialog__title {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t\tfont-weight: var(--gform-common-font-weight-semibold);\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__description {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tdisplay: inline-block;\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-size: 0.875rem;\n\t\t\tfont-weight: var(--gform-common-font-weight-normal);\n\t\t\tline-height: initial;\n\t\t\tmargin: 0.75rem 0 0 0;\n\t\t\tpadding-inline-end: 30px;\n\t\t\tposition: relative;\n\n\t\t\t&.gform-dialog__title--has-icon {\n\t\t\t\tpadding-inline-start: 50px;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__title-icon {\n\t\t\tfont-size: 1.5rem;\n\t\t\tinset-inline-start: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 3px;\n\t\t}\n\n\t\t.gform-dialog__content {\n\t\t\tpadding-bottom: 0;\n\t\t\tpadding-inline-start: 0;\n\t\t\tpadding-top: 10px;\n\n\t\t\t&.gform-dialog__content--with-divider {\n\t\t\t\tpadding-top: 15px;\n\t\t\t}\n\n\t\t\t&.gform-dialog__content--pad-content {\n\t\t\t\tpadding-inline-end: 30px;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dialog__content,\n\t\t.gform-dialog__content p {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-size: 0.875rem;\n\t\t\tline-height: 1.188rem;\n\t\t}\n\n\t\t.gform-dialog__footer {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tpadding-top: 20px;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.gform-dialog__confirm {\n\t\t\tmargin-inline-start: 12px;\n\n\t\t\t&.gform-button--icon-leading .gform-button__icon {\n\t\t\t\tfont-size: 1.5rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-dialog--full-screen {\n\t\theight: calc(100vh - 40px);\n\t\tmax-width: 1280px;\n\t\toverflow: auto;\n\t\tpadding: 0;\n\n\t\t.gform-dialog__content {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n}\n"]}