@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 3.94 kB
Source Map (JSON)
{"version":3,"sources":["stacked-icons.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,oBAAoB;EACpB,mBAAmB;EACnB,YAAY;EACZ,cAAc;EACd,2CAAgE;EAChE,mBAAmB;EACnB,kBAAkB;EAClB,6BAAoB;EAApB,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,uBAAuB;EACvB,kBAAkB;EAClB,oBAAoB;EACpB,mBAAmB;EACnB,cAAc;CAYf;;EAVC;GAEC,sBAAsB;GACtB,mCAAmC;GACnC,kCAAkC;GAClC,YAAY;GACZ,WAAW;GACX,mBAAmB;GACnB,WAAW;EACZ;;CAGD;;;;;;;;;;;mFAWkF;;CAElF;EAEC,gBAA0C;EAC1C,SAAS;EACT,kBAAkB;EAClB,iDAAuD;EACvD,eAAe;EACf,oBAAoB;EACpB,gBAAgB;EAChB,qBAAoD;EACpD,aAAa;EACb,UAAU;EACV,kBAAkB;EAClB,wEAAyD;EACzD,eAAe;CA+BhB;;CA7BC;GACC,+BAA0D;GAC1D,kBAAkB;GAClB,WAAW;GACX,gBAAgB;GAChB,OAAO;GACP,kBAAkB;GAClB,aAAa;GACb,wEAAyD;GACzD,eAAe;EAChB;;CAEA;GACC,cAA4C;GAC5C,kBAAkB;GAClB,YAAY;GACZ,kBAAkB;GAClB,WAAW;EACZ;;CAEA;GAEC,8CAAiE;EAMlE;;CAJC;IACC,qBAAmD;IACnD,6BAAqD;GACtD;;CAMD;GACC,gBAAmC;EACpC;;CAKA;GACC,gBAAiC;EAClC;;AASA;GACC,YAAY;GACZ,uBAAuB;EACxB","file":"stacked-icons.css","sourcesContent":[".gform-admin {\n\n\t.gform-st-icon {\n\t\talign-items: center;\n\t\tdisplay: inline-flex;\n\t\tflex-basis: 1.25rem;\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tfont-family: var(--gform-admin-font-family-icons-old) !important;\n\t\tfont-size: 1.125rem;\n\t\tfont-style: normal;\n\t\tfont-variant: normal;\n\t\tfont-weight: normal;\n\t\theight: 1.25rem;\n\t\tjustify-content: center;\n\t\tposition: relative;\n\t\ttext-transform: none;\n\t\tvertical-align: top;\n\t\twidth: 1.25rem;\n\n\t\t&::before,\n\t\t&::after {\n\t\t\tbox-sizing: border-box;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\theight: 100%;\n\t\t\tspeak: none;\n\t\t\twhite-space: normal;\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t/* -----------------------------------------------------------------------------\n\t *\n\t * Duotone +/- icons in circle and focus ring.\n\t *\n\t * Commonly used in areas of the admin/theme were rows of choices are added\n\t * or deleted by the user. Make the element that receives these classes the\n\t * size you want if it needs to deviate from the default and then simply adjust\n\t * the font-size of the after element to scale the icon.\n\t *\n\t * Designed to be used on a button.\n\t *\n\t * ----------------------------------------------------------------------------- */\n\n\t.gform-st-icon--circle-plus,\n\t.gform-st-icon--circle-minus {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 0;\n\t\tborder-radius: 50%;\n\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light);\n\t\tcursor: pointer;\n\t\tflex-basis: 1.125rem;\n\t\theight: 1.125rem;\n\t\tline-height: var(--gform-admin-line-height-base-old);\n\t\toutline: none;\n\t\tpadding: 0;\n\t\ttext-align: center;\n\t\ttransition: var(--gform-admin-transition-cl-button-focus);\n\t\twidth: 1.125rem;\n\n\t\t&::before {\n\t\t\tborder: 0.0625rem solid var(--gform-admin-color-blue-haze);\n\t\t\tborder-radius: 50%;\n\t\t\tcontent: \"\";\n\t\t\theight: 1.125rem;\n\t\t\tleft: 0;\n\t\t\tposition: absolute;\n\t\t\ttop: 0.031rem;\n\t\t\ttransition: var(--gform-admin-transition-cl-button-focus);\n\t\t\twidth: 1.125rem;\n\t\t}\n\n\t\t&::after {\n\t\t\tcolor: var(--gform-admin-color-gravity-blue);\n\t\t\tfont-size: 0.55rem;\n\t\t\theight: auto;\n\t\t\tposition: relative;\n\t\t\twidth: auto;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-outline-light-hover-alt);\n\n\t\t\t&::before {\n\t\t\t\tborder-color: var(--gform-admin-color-gravity-blue);\n\t\t\t\tbox-shadow: var(--gform-admin-box-shadow-focus-light);\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-st-icon--circle-plus {\n\n\t\t&::after {\n\t\t\tcontent: var(--gform-icon--st-plus);\n\t\t}\n\t}\n\n\t.gform-st-icon--circle-minus {\n\n\t\t&::after {\n\t\t\tcontent: var(--gform-icon--minus);\n\t\t}\n\t}\n}\n\n.gf_browser_chrome {\n\n\t.gform-st-icon--circle-plus,\n\t.gform-st-icon--circle-minus {\n\n\t\t&::after {\n\t\t\theight: 100%;\n\t\t\tmargin-left: 0.03125rem;\n\t\t}\n\t}\n}\n"]}