@gravityforms/components/dist/css/admin/pill.css.map

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

{"version":3,"sources":["pill.css"],"names":[],"mappings":"AAEC;EACC,mBAA+C;EAC/C,oBAAoB;EACpB,yBAAyD;EACzD,wBAAwB;EACxB,sBAAsB;EACtB,eAAe;EACf,oBAAoB;EACpB,cAAc;EACd,aAAa;EACb,uBAAuB;EACvB,uBAA2C;EAC3C,qBAAqB;EACrB,oFAAgD;EAChD,mBAAmB;CAkBpB;;EAhBC;GACC,cAAqC;EACtC;;EAEA;GACC,qBAAkD;GAClD,+BAAwD;EACzD;;EAEA;GACC,iDAA+C;EAKhD;;EAHC;IACC,cAAqC;GACtC;;CAIF;EACC,0BAA0B;CAC3B;;CAEA;EACC,cAA8C;EAC9C,kBAAkB;EAClB,4BAA+C;CAChD","file":"pill.css","sourcesContent":[".gform-admin {\n\n\t.gform-pill {\n\t\tbackground: var(--gform-admin-color-light-blue);\n\t\tblock-size: 1.625rem;\n\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tborder-radius: 0.8125rem;\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tgap: 0.1875rem;\n\t\toutline: none;\n\t\tpadding-block: 0.125rem;\n\t\tpadding-inline: var(--gform-admin-spacer-3);\n\t\ttext-decoration: none;\n\t\ttransition: var(--gform-admin-transition-button);\n\t\twhite-space: nowrap;\n\n\t\t&:hover .gform-pill__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\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&:active {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-micro);\n\n\t\t\t.gform-pill__icon {\n\t\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-pill__text {\n\t\ttransform: translateY(1px);\n\t}\n\n\t.gform-pill__icon {\n\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t\tfont-size: 1.25rem;\n\t\ttransition: var(--gform-admin-transition-color);\n\t}\n}\n"]}