@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 2.13 kB
Source Map (JSON)
{"version":3,"sources":["cards/metric-card.css"],"names":[],"mappings":"AAEC;;4EAE2E;;CAE3E;EACC,mBAAmB;EACnB,gBAA0C;EAC1C,yBAAgD;EAChD,kBAAkB;EAClB,aAAa;EACb,mBAAmB;EACnB,iBAAiB;EACjB,eAAoC;CA2CrC;;CAzCC;GAEC,sBAAsB;EACvB;;CAEA,2BAA2B;;CAC3B;GACC,UAAU;EAwBX;;CAtBC;IACC,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB;IACnB,qBAA4C;IAC5C,wBAAwB;IACxB,iBAAiB;IACjB,0BAA0B;IAC1B,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,sBAA2C;GAC5C;;CAEA;IACC,yBAAsD;GACvD;;CAEA;IACC,qBAA0C;IAC1C,wBAA6C;GAC9C;;CAGD;GACC,cAAqC;EACtC;;CAEA;GACC,gBAAgB;GAChB,kBAAkB;EACnB","file":"metric-card.css","sourcesContent":[".gform-admin {\n\n\t/* ----------------------------------------------------------------------\n\t * METRIC CARD\n\t * ---------------------------------------------------------------------- */\n\n\t.gform-card--metric {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\tborder-radius: 3px;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tinline-size: 100%;\n\t\tpadding: var(--gform-admin-spacer-6);\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t/* Style variant: Minimal */\n\t\t&.gform-card--metric-minimal {\n\t\t\tpadding: 0;\n\n\t\t\t[class*=\"gform-icon-preset--metric\"] {\n\t\t\t\talign-self: stretch;\n\t\t\t\tblock-size: auto;\n\t\t\t\tborder-bottom: none;\n\t\t\t\tborder-color: var(--gform-admin-color-snuff);\n\t\t\t\tborder-end-end-radius: 0;\n\t\t\t\tborder-left: none;\n\t\t\t\tborder-start-end-radius: 0;\n\t\t\t\tborder-top: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tinline-size: 64px;\n\t\t\t\tpadding-inline: var(--gform-admin-spacer-2);\n\t\t\t}\n\n\t\t\t.gform-icon-preset--metric-info {\n\t\t\t\tbackground-color: var(--gform-admin-color-titan-white);\n\t\t\t}\n\n\t\t\t.gform-card__metric-content {\n\t\t\t\tpadding-block: var(--gform-admin-spacer-6);\n\t\t\t\tpadding-inline: 0 var(--gform-admin-spacer-6);\n\t\t\t}\n\t\t}\n\n\t\t.gform-card__metric-title {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t}\n\n\t\t.gform-card__metric-count {\n\t\t\tbottom: -0.25rem;\n\t\t\tposition: relative;\n\t\t}\n\t}\n}\n"]}