@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 3.69 kB
Source Map (JSON)
{"version":3,"sources":["avatar-group.css"],"names":[],"mappings":"AAEC;EACC,mBAAmB;EACnB,aAAa;EACb,iBAAiB;EACjB,kBAAkB;CA6GnB;;EA3GC;GACC,sBAAgD;GAChD,kBAAkB;EACnB;;EAEA;GACC,mBAAmB;GACnB,mBAAqD;GACrD,sBAAgD;GAChD,mBAAmB;GACnB,sBAAsB;GACtB,cAAqC;GACrC,aAAa;GACb,uIAAgD;GAChD,gBAAkD;GAClD,uBAAuB;GACvB,kBAAkB;GAClB,yBAAyB;GACzB,yBAAiB;MAAjB,sBAAiB;WAAjB,iBAAiB;GACjB,UAAU;EACX;;EAIC;IACC,sBAAgD;IAChD,yBAAyB;GAC1B;;EAEA;IACC,gBAAgB;IAChB,sBAAgD;IAChD,iBAAiB;IACjB,iBAAiB;IACjB,yBAAyB;GAC1B;;EAKA;IACC,yBAAyB;GAC1B;;EAEA;IACC,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,yBAAyB;GAC1B;;EAKA;IACC,0BAA0B;GAC3B;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,0BAA0B;GAC3B;;EAKA;IACC,0BAA0B;GAC3B;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,0BAA0B;GAC3B;;EAKA;IACC,0BAA0B;GAC3B;;EAEA;IACC,gBAAgB;IAChB,iBAAiB;IACjB,iBAAiB;IACjB,0BAA0B;GAC3B;;EAKA;IACC,0BAA0B;GAC3B;;EAEA;IACC,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,0BAA0B;GAC3B","file":"avatar-group.css","sourcesContent":[".gform-admin {\n\n\t.gform-avatar-group {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t\tposition: relative;\n\n\t\t.gform-avatar {\n\t\t\tborder: 2px solid var(--gform-admin-color-white);\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.gform-avatar-group__overflow-count {\n\t\t\talign-items: center;\n\t\t\tbackground: var(--gform-admin-color-anti-flash-white);\n\t\t\tborder: 2px solid var(--gform-admin-color-white);\n\t\t\tborder-radius: 100%;\n\t\t\tbox-sizing: border-box;\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tdisplay: flex;\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tfont-weight: var(--gform-admin-font-weight-medium);\n\t\t\tjustify-content: center;\n\t\t\tposition: relative;\n\t\t\ttext-transform: uppercase;\n\t\t\tuser-select: none;\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t&.gform-avatar-group--size-xs {\n\n\t\t\t.gform-avatar {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\t\t\tmargin-inline-start: -6px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 24px;\n\t\t\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\t\t\tfont-size: 0.5rem;\n\t\t\t\tinline-size: 24px;\n\t\t\t\tmargin-inline-start: -6px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar-group--size-sm {\n\n\t\t\t.gform-avatar {\n\t\t\t\tmargin-inline-start: -8px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 32px;\n\t\t\t\tfont-size: 0.65rem;\n\t\t\t\tinline-size: 32px;\n\t\t\t\tmargin-inline-start: -8px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar-group--size-md {\n\n\t\t\t.gform-avatar {\n\t\t\t\tmargin-inline-start: -10px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 40px;\n\t\t\t\tfont-size: 0.8rem;\n\t\t\t\tinline-size: 40px;\n\t\t\t\tmargin-inline-start: -10px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar-group--size-lg {\n\n\t\t\t.gform-avatar {\n\t\t\t\tmargin-inline-start: -12px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 48px;\n\t\t\t\tfont-size: 0.9rem;\n\t\t\t\tinline-size: 48px;\n\t\t\t\tmargin-inline-start: -12px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar-group--size-xl {\n\n\t\t\t.gform-avatar {\n\t\t\t\tmargin-inline-start: -15px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 56px;\n\t\t\t\tfont-size: 1.1rem;\n\t\t\t\tinline-size: 56px;\n\t\t\t\tmargin-inline-start: -15px;\n\t\t\t}\n\t\t}\n\n\t\t&.gform-avatar-group--size-2xl {\n\n\t\t\t.gform-avatar {\n\t\t\t\tmargin-inline-start: -18px;\n\t\t\t}\n\n\t\t\t.gform-avatar-group__overflow-count {\n\t\t\t\tblock-size: 64px;\n\t\t\t\tfont-size: 1.25rem;\n\t\t\t\tinline-size: 64px;\n\t\t\t\tmargin-inline-start: -18px;\n\t\t\t}\n\t\t}\n\t}\n}\n"]}