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

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

{"version":3,"sources":["tabs.css"],"names":[],"mappings":"AAEC;EACC,aAAa;EACb,sBAAsB;EACtB,WAAgC;CACjC;;CAIC;GACC,iBAAiB;EAClB;;CAEA;GACC,WAAW;GACX,uBAAuB;EACxB;;CAGD;EACC,mCAAmE;EACnE,aAAa;EACb,eAAe;EACf,WAAgC;CACjC;;CAEA;EACC,gBAAgB;EAChB,YAAY;EACZ,uCAAuC;EACvC,gBAAgB;EAChB,cAAqC;EACrC,WAAgC;EAChC,sBAAsB;EACtB,uBAA8C;EAC9C,uBAA2C;EAC3C,0BAA+C;CAsBhD;;CApBC;GACC,uBAAuB;GACvB,mCAA2D;GAC3D,cAAqC;GACrC,aAAa;EACd;;CAEA;GACC,uBAAuB;GACvB,mCAAyD;GACzD,cAAoC;EACrC;;CAEA;GACC,SAAS;EACV;;CAEA;GACC,kBAAkB;EACnB;;CAKA;GAGC,uBAAuB;GACvB,mCAAyD;GACzD,cAAoC;EACrC","file":"tabs.css","sourcesContent":[".gform-admin {\n\n\t.gform-tabs {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-tabs--tab-width-even {\n\n\t\t.gform-tabs__tablist {\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\n\t\t.gform-tabs__tab {\n\t\t\tflex: 1 1 0;\n\t\t\tjustify-content: center;\n\t\t}\n\t}\n\n\t.gform-tabs__tablist {\n\t\tborder-block-end: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tgap: var(--gform-admin-spacer-6);\n\t}\n\n\t.gform-tabs__tab {\n\t\tblock-size: auto;\n\t\tborder: none;\n\t\tborder-block-end: 2px solid transparent;\n\t\tborder-radius: 0;\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tmargin-block-end: -1px;\n\t\tpadding-block: 1px var(--gform-admin-spacer-4);\n\t\tpadding-inline: var(--gform-admin-spacer-1);\n\t\ttransition: var(--gform-admin-transition-hover);\n\n\t\t&:focus {\n\t\t\tbackground: transparent;\n\t\t\tborder-block-end: 2px solid var(--gform-admin-color-santas);\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\toutline: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: transparent;\n\t\t\tborder-block-end: 2px solid var(--gform-admin-color-port);\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t}\n\n\t\t.gform-button__icon.gform-icon {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.gform-status-indicator {\n\t\t\tmargin-block: -1px;\n\t\t}\n\t}\n\n\t.gform-tabs__tab--active {\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground: transparent;\n\t\t\tborder-block-end: 2px solid var(--gform-admin-color-port);\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t}\n\t}\n}\n"]}