@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 5.51 kB
Source Map (JSON)
{"version":3,"sources":["cards/form-template-card.css"],"names":[],"mappings":"AAKE;GAEC,8NAA8C;EAC/C;;CAGD;;4EAE2E;;CAI1E;GACC,uBAAuB;GACvB,gBAAgB;GAChB,SAAS;GACT,eAAe;GACf,iBAAiB;GACjB,oBAAoB;GACpB,qBAAqB;GACrB,SAAS;GACT,UAAU;GACV,UAAU;GACV,kBAAkB;GAClB,WAAW;EACZ;;CAEA;GACC,mBAAmB;GACnB,wBAAwB;GACxB,uBAAuB;EACxB;;CAGD;;4EAE2E;;CAI1E;GACC,uBAAuB;GACvB,wBAAwB;GACxB,kBAAkB;GAClB,WAAW;EACZ;;CAEA;GACC,mBAAmB;GACnB,0CAA0C;GAC1C,aAAa;GACb,kBAAkB;GAClB,oBAAoB;GACpB,8BAA8B;GAC9B,UAAU;GACV,kBAAkB;GAClB,kBAAkB;GAClB,6BAA6B;GAC7B,WAAW;GACX,UAAU;EACX;;CAEA;GACC,aAAa;GACb,mBAAmB;GACnB,qBAAqB;GACrB,uBAAuB;GACvB,cAAc;GACd,kBAAkB;EACnB;;CAEA;GACC,2BAA2B;EAC5B;;CAEA;GACC,cAAqC;GACrC,kBAAkB;GAClB,2BAA2B;EAC5B;;CAEA;GACC,sBAAgD;GAChD,gCAAgC;GAChC,kCAAkC;GAClC,oCAAoC;GACpC,wNAA+C;GAC/C,oBAAoB;GACpB,0BAA0B;GAC1B,mBAAmB;GACnB,qBAAqB;GACrB,0BAA0B;GAC1B,yBAAyB;GACzB,kBAAkB;EAKnB;;CAHC;IACC,gBAAgB;GACjB;;CAGD;GACC,yBAAyB;GACzB,gBAAgB;GAChB,gCAAgC;EAWjC;;CATC;IACC,8DAA8D;IAC9D,4BAA4B;IAC5B,oBAAoB;IACpB,qBAAqB;IACrB,aAAa;IACb,gBAAgB;IAChB,uBAAuB;GACxB;;CAMA;IACC,UAAU;IACV,6BAA6B;GAC9B;;CAEA;IACC,yBAAyB;IACzB,gCAAgC;GAQjC;;CANC;KACC,6DAA6D;KAC7D,qBAAqB;KACrB,aAAa;KACb,uBAAuB;IACxB;;CAIF;;GAEC;IACC,qBAAqB;IACrB,aAAa;GACd;;GAEA;IACC,2BAA2B;IAC3B,mBAAmB;GACpB;EACD;;CAEA;;GAEC;IACC,2BAA2B;IAC3B,mBAAmB;GACpB;;GAEA;IACC,qBAAqB;IACrB,aAAa;GACd;EACD","file":"form-template-card.css","sourcesContent":[".gform-admin {\n\n\t.gform-card--form-template-blank,\n\t.gform-card--form-template {\n\n\t\t&:hover,\n\t\t&:focus-within {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-uber);\n\t\t}\n\t}\n\n\t/* ----------------------------------------------------------------------\n\t * FORM TEMPLATE BLANK\n\t * ---------------------------------------------------------------------- */\n\n\t.gform-card--form-template-blank {\n\n\t\t.gform-card__form-template-blank-button {\n\t\t\tbackground: transparent;\n\t\t\tblock-size: 100%;\n\t\t\tborder: 0;\n\t\t\tcursor: pointer;\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tmargin: 0;\n\t\t\toutline: 0;\n\t\t\tpadding: 0;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t}\n\n\t\t.gform-card__top-container {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex !important;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t/* ----------------------------------------------------------------------\n\t * FORM TEMPLATE\n\t * ---------------------------------------------------------------------- */\n\n\t.gform-card--form-template {\n\n\t\t.gform-card__label {\n\t\t\tinset-block-start: 16px;\n\t\t\tinset-inline-start: 20px;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t}\n\n\t\t.gform-card__form-template-hover-buttons {\n\t\t\talign-items: center;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.6);\n\t\t\tdisplay: flex;\n\t\t\tinset-block-end: 0;\n\t\t\tinset-block-start: 0;\n\t\t\tjustify-content: space-between;\n\t\t\topacity: 0;\n\t\t\tpadding: 0 3.12rem;\n\t\t\tposition: absolute;\n\t\t\ttransition: opacity 0.2s ease;\n\t\t\twidth: 100%;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.gform-card__form-template-buttons-container {\n\t\t\tdisplay: flex;\n\t\t\tinset-inline-end: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tjustify-content: center;\n\t\t\tmargin: 0 auto;\n\t\t\tposition: absolute;\n\t\t}\n\n\t\t.gform-card__form-template-primary-button {\n\t\t\tmargin-inline-end: 0.625rem;\n\t\t}\n\n\t\t.gform-card__form-template-secondary-button-icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: 1.25rem;\n\t\t\tmargin-inline-end: 0.375rem;\n\t\t}\n\n\t\t.gform-card__image {\n\t\t\tbackground-color: var(--gform-admin-color-white);\n\t\t\tblock-size: calc(100% - 1.25rem);\n\t\t\tborder-start-end-radius: 0.1875rem;\n\t\t\tborder-start-start-radius: 0.1875rem;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-popup);\n\t\t\tinline-size: 12.5rem;\n\t\t\tinset-block-start: 1.25rem;\n\t\t\tinset-inline-end: 0;\n\t\t\tinset-inline-start: 0;\n\t\t\tpadding-block: 0.9375rem 0;\n\t\t\tpadding-inline: 0.9375rem;\n\t\t\tposition: absolute;\n\n\t\t\t.gform-image__image {\n\t\t\t\tblock-size: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.gform-card__bottom-container {\n\t\t\tmax-block-size: 3.8125rem;\n\t\t\toverflow: hidden;\n\t\t\ttransition: max-height 0.3s ease;\n\n\t\t\t.gform-text {\n\t\t\t\tanimation: 0.1s linear 0s forwards closeFormTemplateCardBottom;\n\t\t\t\t-webkit-box-orient: vertical;\n\t\t\t\tdisplay: -webkit-box;\n\t\t\t\t-webkit-line-clamp: 1;\n\t\t\t\tline-clamp: 1;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus-within {\n\n\t\t\t.gform-card__form-template-hover-buttons {\n\t\t\t\topacity: 1;\n\t\t\t\ttransition: opacity 0.2s ease;\n\t\t\t}\n\n\t\t\t.gform-card__bottom-container {\n\t\t\t\tmax-block-size: 6.3125rem;\n\t\t\t\ttransition: max-height 0.3s ease;\n\n\t\t\t\t.gform-text {\n\t\t\t\t\tanimation: 0.3s linear 0s forwards openFormTemplateCardBottom;\n\t\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t\tline-clamp: 3;\n\t\t\t\t\tmax-block-size: 3.75rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@keyframes openFormTemplateCardBottom {\n\n\t\t\tfrom {\n\t\t\t\t-webkit-line-clamp: 1;\n\t\t\t\tline-clamp: 1;\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\t-webkit-line-clamp: initial;\n\t\t\t\tline-clamp: initial;\n\t\t\t}\n\t\t}\n\n\t\t@keyframes closeFormTemplateCardBottom {\n\n\t\t\tfrom {\n\t\t\t\t-webkit-line-clamp: initial;\n\t\t\t\tline-clamp: initial;\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\t-webkit-line-clamp: 1;\n\t\t\t\tline-clamp: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}