UNPKG

@gravityforms/components

Version:

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

1 lines 3.65 kB
{"version":3,"sources":["router-navbar.css"],"names":[],"mappings":"AAEC;EACC,iBAAiB;CAMlB;;EAJC;GAEC,sBAAsB;EACvB;;CAGD;EACC,aAAa;EACb,sBAAsB;EACtB,gBAAgB;EAChB,SAAS;EACT,UAAU;CACX;;CAEA;EACC,SAAS;CACV;;CAEA;EACC,qBAA0C;CA0B3C;;CAxBC;GACC,SAAgC;EACjC;;CAEA;GACC,mBAAmB;GACnB,aAAa;GACb,sBAAsB;GACtB,WAAgC;GAChC,uBAAuB;EACxB;;CAEA;GACC,eAAe;GACf,qBAAqB;EACtB;;CAEA;GACC,kBAAkB;EACnB;;CAEA;GACC,YAAY;EACb;;CAGD;EACC,mBAA0C;EAC1C,sBAA2C;CA6D5C;;CA3DC;GACC,YAAgC;EACjC;;CAEA;GAEC,mBAAmB;GACnB,gBAAgB;GAChB,6BAA6B;GAC7B,kBAAkB;GAClB,cAAoC;GACpC,eAAe;GACf,aAAa;GACb,mBAAmB;GACnB,WAAgC;GAChC,iBAAiB;GACjB,2BAA2B;GAC3B,4BAA4B;GAC5B,qBAAqB;EAsBtB;;CApBC;IAEC,mBAA+C;IAC/C,qBAAiD;GAClD;;CAEA;IACC,gBAAgB;IAChB,aAAa;GACd;;CAEA;IACC,mBAA+C;IAC/C,qBAA4C;GAC7C;;CAEA;IACC,uBAAuB;IACvB,yBAAyB;GAC1B;;CAGD;GACC,mBAA+C;GAC/C,qBAAkD;EACnD;;CAIC;IAEC,YAAY;GACb;;CAGD;GACC,cAAqC;GACrC,kBAAkB;EACnB","file":"router-navbar.css","sourcesContent":[".gform-admin {\n\n\t.gform-router-nav-bar {\n\t\tinline-size: 100%;\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-router-nav-bar__list {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tlist-style: none;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.gform-router-nav-bar__item {\n\t\tmargin: 0;\n\t}\n\n\t.gform-router-nav-bar--icon-button {\n\t\tpadding-block: var(--gform-admin-spacer-6);\n\n\t\t.gform-router-nav-bar__list {\n\t\t\tgap: var(--gform-admin-spacer-4);\n\t\t}\n\n\t\t.gform-router-nav-bar__item {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: var(--gform-admin-spacer-2);\n\t\t\tjustify-content: center;\n\t\t}\n\n\t\t.gform-router-nav-bar__item-link {\n\t\t\tcursor: pointer;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t.gform-router-nav-bar__item-icon {\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\n\t\t.gform-router-nav-bar__item--disabled .gform-router-nav-bar__item-text {\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-router-nav-bar--icon-text-tag {\n\t\tpadding-block: var(--gform-admin-spacer-8);\n\t\tpadding-inline: var(--gform-admin-spacer-6);\n\n\t\t.gform-router-nav-bar__list {\n\t\t\tgap: var(--gform-admin-spacer-1);\n\t\t}\n\n\t\t.gform-router-nav-bar__item-link,\n\t\t.gform-router-nav-bar__item-button {\n\t\t\talign-items: center;\n\t\t\tblock-size: 36px;\n\t\t\tborder: 1px solid transparent;\n\t\t\tborder-radius: 3px;\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tcursor: pointer;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: row;\n\t\t\tgap: var(--gform-admin-spacer-2);\n\t\t\tinline-size: 100%;\n\t\t\tjustify-content: flex-start;\n\t\t\tpadding: 0.4375rem 0.6875rem;\n\t\t\ttext-decoration: none;\n\n\t\t\t&:hover,\n\t\t\t&:focus-visible {\n\t\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\t\tborder-color: var(--gform-admin-color-light-blue);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: none;\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&:active {\n\t\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\t\tborder-color: var(--gform-admin-color-focus);\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t.gform-router-nav-bar__item--active .gform-router-nav-bar__item-link {\n\t\t\tbackground: var(--gform-admin-color-light-blue);\n\t\t\tborder-color: var(--gform-admin-color-hawkes-blue);\n\t\t}\n\n\t\t.gform-router-nav-bar__item--disabled {\n\n\t\t\t.gform-router-nav-bar__item-link,\n\t\t\t.gform-router-nav-bar__item-button {\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\n\t\t.gform-router-nav-bar__item-icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: 1.25rem;\n\t\t}\n\t}\n}\n"]}