@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 3.74 kB
Source Map (JSON)
{"version":3,"sources":["tag.css"],"names":[],"mappings":"AAEC;EACC,kBAAkB;EAClB,cAAoC;EACpC,qBAAqB;EACrB,uIAAgD;EAChD,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,UAAU;;CAiEX;;EA3DG;KACC,gBAAgB;KAChB,6BAA6B;KAC7B,uBAAuB;KACvB,eAAe;IAChB;;EAKA;KACC,eAAe;KACf,6BAA6B;KAC7B,wBAAwB;KACxB,cAAc;IACf;;EAKA;KACC,gBAAgB;KAChB,2BAA2B;KAC3B,yBAAyB;KACzB,eAAe;IAChB;;EAKA;KACC,gBAAgB;KAChB,6BAA6B;KAC7B,yBAAyB;KACzB,eAAe;IAChB;;EAKA;KACC,gBAAgB;KAChB,6BAA6B;KAC7B,yBAAyB;KACzB,eAAe;IAChB;;EAKA;KACC,gBAAgB;KAChB,6BAA6B;KAC7B,yBAAyB;KACzB,eAAe;IAChB;;CAMH;EACC,mBAA6C;EAC7C,WAAqC;CACtC;;CAEA;EACC,mBAAmD;EACnD,WAAqC;CACtC;;CAEA;EACC,mBAA2C;EAC3C,iDAA+C;EAC/C,WAAqC;EACrC,kBAAkB;EAClB,mBAAmB;EACnB,yBAAyB;CAC1B;;CAEA;EACC,mBAAgD;EAChD,yBAAkD;EAClD,iDAA+C;EAC/C,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,yBAAyB;CAC1B;;CAEA;EACC,yBAAyB;EACzB,eAAe;EACf,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,2CAA2C;EAC3C,WAAW;CACZ","file":"tag.css","sourcesContent":[".gform-admin {\n\n\t.gform-tag {\n\t\tborder-radius: 3px;\n\t\tcolor: var(--gform-admin-color-port);\n\t\tdisplay: inline-block;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tpadding-block: 5px;\n\t\tpadding-inline: 8px;\n\t\tposition: relative;\n\t\tz-index: 1;\n\n\t\t&.gform-tag--triangle-left {\n\n\t\t\t&.gform-typography--size-text-xxs {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 0.938rem;\n\t\t\t\t\tinset-inline-start: -0.375rem;\n\t\t\t\t\ttop: calc(50% - 0.5rem);\n\t\t\t\t\twidth: 0.938rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-xs {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 1.06rem;\n\t\t\t\t\tinset-inline-start: -0.438rem;\n\t\t\t\t\ttop: calc(50% - 0.55rem);\n\t\t\t\t\twidth: 1.06rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-sm {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 1.188rem;\n\t\t\t\t\tinset-inline-start: -0.5rem;\n\t\t\t\t\ttop: calc(50% - 0.594rem);\n\t\t\t\t\twidth: 1.188rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-md {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 1.281rem;\n\t\t\t\t\tinset-inline-start: -0.563rem;\n\t\t\t\t\ttop: calc(50% - 0.641rem);\n\t\t\t\t\twidth: 1.281rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-lg {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 1.313rem;\n\t\t\t\t\tinset-inline-start: -0.563rem;\n\t\t\t\t\ttop: calc(50% - 0.656rem);\n\t\t\t\t\twidth: 1.313rem;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-xl {\n\n\t\t\t\t.gform-tag__triangle {\n\t\t\t\t\theight: 1.375rem;\n\t\t\t\t\tinset-inline-start: -0.625rem;\n\t\t\t\t\ttop: calc(50% - 0.688rem);\n\t\t\t\t\twidth: 1.375rem;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n\n\t.gform-tag--type-chathams {\n\t\tbackground: var(--gform-admin-color-chathams);\n\t\tcolor: var(--gform-admin-color-white);\n\t}\n\n\t.gform-tag--type-amethyst-smoke {\n\t\tbackground: var(--gform-admin-color-amethyst-smoke);\n\t\tcolor: var(--gform-admin-color-white);\n\t}\n\n\t.gform-tag--type-upgrade {\n\t\tbackground: var(--gform-admin-color-santas);\n\t\tbox-shadow: var(--gform-admin-box-shadow-micro);\n\t\tcolor: var(--gform-admin-color-white);\n\t\tpadding-block: 2px;\n\t\tpadding-inline: 6px;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.gform-tag--type-blue {\n\t\tbackground: var(--gform-admin-color-hawkes-blue);\n\t\tborder: 1px solid var(--gform-admin-color-spindle);\n\t\tbox-shadow: var(--gform-admin-box-shadow-micro);\n\t\tcolor: #204ce5;\n\t\tpadding-block: 1px;\n\t\tpadding-inline: 5px;\n\t\ttext-transform: uppercase;\n\t}\n\n\t.gform-tag__triangle {\n\t\tbackground-color: inherit;\n\t\tborder: inherit;\n\t\tborder-radius: 3px;\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttransform: rotate(45deg) skew(15deg, 15deg);\n\t\tz-index: -1;\n\t}\n}\n"]}