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

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

{"version":3,"sources":["calendar.css"],"names":[],"mappings":"AAEC;EACC,qBAAqB;EACrB,kBAAkB;CAwBnB;;EAtBC;GACC,aAAa;GACb,0BAA+C;GAC/C,UAAU;GACV,kBAAkB;GAClB,8BAAkD;GAClD,WAAW;EACZ;;EAEA;GACC,cAAc;EACf;;EAEA;GACC,cAAc;GACd,UAAU;EACX;;EAEA;GACC,cAAc;GACd,UAAU;EACX;;CAGD;EACC,gBAA0C;EAC1C,kBAAkB;EAClB,wNAA+C;EAC/C,sBAAsB;EACtB,uIAAgD;EAChD,sBAAsB;EACtB,gBAAoC;CACrC;;CAIC;GACC,wBAAgB;MAAhB,qBAAgB;WAAhB,gBAAgB;GAChB,6BAA6B;GAC7B,YAAY;GACZ,eAAe;GACf,uIAAgD;GAChD,aAAa;GACb,UAAU;EACX;;CAEA,eAAe;;CAEf;GACC,aAAa;GACb,aAAa;GACb,0BAA0B;EAC3B;;CAEA;GACC,kBAAkB;GAClB,yBAAyD;GACzD,kBAAkB;GAClB,iDAA+C;GAC/C,UAAU;GACV,mBAAmB;GACnB,YAAY;EAab;;CAXC;IACC,aAAoC;GACrC;;CAKC;KACC,aAAuC;IACxC;;CAIF;GACC,cAAoC;GACpC,UAAU;GACV,mBAA0C;GAC1C,gBAAkD;EAMnD;;CAJC;IAEC,cAAwC;GACzC;;CAGD,UAAU;;CAEV;GAIC,6BAA6B;GAC7B,kBAAkB;GAClB,cAAoC;GACpC,cAAc;EA0Cf;;CAxCC;IAEC,mBAAqD;IACrD,yBAAgD;GACjD;;CAEA;IACC,yBAAmD;GACpD;;CAEA;IACC,cAAqC;GACtC;;CAEA;IACC,kBAAkB;GAanB;;CAXC;KACC,mBAA6C;KAC7C,eAAe;KACf,kBAAkB;KAClB,WAAW;KACX,gBAAgB;KAChB,yBAAyB;KACzB,uBAAuB;KACvB,kBAAkB;KAClB,2BAA2B;IAC5B;;CAGD;IAEC,mBAA6C;IAC7C,yBAAmD;IACnD,WAAqC;GAKtC;;CAHC;KACC,gBAA0C;IAC3C;;CAIF,eAAe;;CAEf;GACC,qBAAqB;GACrB,uCAA2D;EAC5D;;CAEA;GACC,mBAAmB;GACnB,aAAa;GACb,uBAAuB;EAOxB;;CALC;IACC,kBAA0C;IAC1C,gBAAoD;IACpD,qBAAqB;GACtB;;CAGD;GACC,kCAAiD;GAAjD,kCAAiD;QAAjD,6BAAiD;GACjD,wBAAwB;GACxB,kDAAkD;GAClD,uCAA2D;GAC3D,qBAAoC;GAApC,gBAAoC;EACrC;;CAEA;GACC,gBAAgB;GAChB,mBAA0C;GAC1C,gBAAkD;EAKnD;;CAHC;IACC,cAAqC;GACtC;;CAGD,6BAA6B;;CAE7B;GAGC,4BAAmD;EACpD;;CAEA;GAGC,yBAAoB;GAApB,yBAAoB;QAApB,oBAAoB;GACpB,wBAAwB;GACxB,kCAAkC;GAClC,qBAAoC;GAApC,gBAAoC;EACrC;;CAEA;GAGC,mBAAgD;GAChD,oBAAoB;GACpB,kBAA0C;GAC1C,gBAAkD;EACnD;;CAGD;EACC,aAAa;EACb,WAAgC;EAChC,uBAAuB;EACvB,2BAA+C;CAChD","file":"calendar.css","sourcesContent":[".gform-admin {\n\n\t.gform-calendar__wrapper {\n\t\tdisplay: inline-block;\n\t\tposition: relative;\n\n\t\t.gform-calendar {\n\t\t\tdisplay: none;\n\t\t\tmargin-block-start: var(--gform-admin-spacer-2);\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\ttransition: var(--gform-admin-transition-dropdown);\n\t\t\tz-index: 10;\n\t\t}\n\n\t\t&.gform-calendar__wrapper--reveal .gform-calendar {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&.gform-calendar__wrapper--hide .gform-calendar {\n\t\t\tdisplay: block;\n\t\t\topacity: 0;\n\t\t}\n\n\t\t&.gform-calendar__wrapper--open .gform-calendar {\n\t\t\tdisplay: block;\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.gform-calendar {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-popup);\n\t\tbox-sizing: border-box;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tinline-size: 17.125rem;\n\t\tpadding: var(--gform-admin-spacer-3);\n\t}\n\n\t.gform-calendar__calendar {\n\n\t\tbutton {\n\t\t\tappearance: none;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\toutline: none;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t/* Navigation */\n\n\t\t.react-calendar__navigation {\n\t\t\tdisplay: flex;\n\t\t\tgap: 0.375rem;\n\t\t\tmargin-block-end: 0.375rem;\n\t\t}\n\n\t\t.react-calendar__navigation__arrow {\n\t\t\tblock-size: 1.5rem;\n\t\t\tborder: 1px solid var(--gform-admin-color-porcelain-gray);\n\t\t\tborder-radius: 3px;\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-micro);\n\t\t\tflex: none;\n\t\t\tinline-size: 1.5rem;\n\t\t\tpadding: 1px;\n\n\t\t\tsvg path {\n\t\t\t\tfill: var(--gform-admin-color-comet);\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\n\t\t\t\tsvg path {\n\t\t\t\t\tfill: var(--gform-admin-color-chathams);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.react-calendar__navigation__label {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tflex: auto;\n\t\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\t\tfont-weight: var(--gform-admin-font-weight-medium);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tcolor: var(--gform-admin-color-chathams);\n\t\t\t}\n\t\t}\n\n\t\t/* Tiles */\n\n\t\t.react-calendar__month-view__days__day,\n\t\t.react-calendar__year-view__months__month,\n\t\t.react-calendar__decade-view__years__year,\n\t\t.react-calendar__century-view__decades__decade {\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\tline-height: 1;\n\n\t\t\t&:hover,\n\t\t\t&.react-calendar__tile--range {\n\t\t\t\tbackground: var(--gform-admin-color-anti-flash-white);\n\t\t\t\tborder: 1px solid var(--gform-admin-color-snuff);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tborder: 1px solid var(--gform-admin-color-chathams);\n\t\t\t}\n\n\t\t\t&:disabled {\n\t\t\t\tcolor: var(--gform-admin-color-snuff);\n\t\t\t}\n\n\t\t\t&.react-calendar__tile--now {\n\t\t\t\tposition: relative;\n\n\t\t\t\t&::after {\n\t\t\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\t\t\tblock-size: 3px;\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tinline-size: 3px;\n\t\t\t\t\tinset-block-end: 0.125rem;\n\t\t\t\t\tinset-inline-start: 50%;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.react-calendar__tile--rangeStart,\n\t\t\t&.react-calendar__tile--rangeEnd {\n\t\t\t\tbackground: var(--gform-admin-color-chathams);\n\t\t\t\tborder: 1px solid var(--gform-admin-color-chathams);\n\t\t\t\tcolor: var(--gform-admin-color-white);\n\n\t\t\t\t&.react-calendar__tile--now::after {\n\t\t\t\t\tbackground: var(--gform-admin-color-white);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/* Month View */\n\n\t\t.react-calendar__month-view__weekdays {\n\t\t\tblock-size: 2.3125rem;\n\t\t\tmargin-inline: calc((var(--gform-admin-spacer-3) / 2) * -1);\n\t\t}\n\n\t\t.react-calendar__month-view__weekdays__weekday {\n\t\t\talign-items: center;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\n\t\t\tabbr {\n\t\t\t\tfont-size: var(--gform-admin-font-size-xs);\n\t\t\t\tfont-weight: var(--gform-admin-font-weight-semibold);\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\t\t}\n\n\t\t.react-calendar__month-view__days {\n\t\t\tcolumn-gap: calc(var(--gform-admin-spacer-3) / 2);\n\t\t\tdisplay: grid !important;\n\t\t\tgrid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;\n\t\t\tmargin-inline: calc((var(--gform-admin-spacer-3) / 2) * -1);\n\t\t\trow-gap: var(--gform-admin-spacer-3);\n\t\t}\n\n\t\t.react-calendar__month-view__days__day {\n\t\t\tblock-size: 2rem;\n\t\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\t\tfont-weight: var(--gform-admin-font-weight-normal);\n\n\t\t\t&.react-calendar__month-view__days__day--neighboringMonth {\n\t\t\t\tcolor: var(--gform-admin-color-snuff);\n\t\t\t}\n\t\t}\n\n\t\t/* Year/Decade/Century View */\n\n\t\t.react-calendar__year-view,\n\t\t.react-calendar__decade-view,\n\t\t.react-calendar__century-view {\n\t\t\tpadding-block: var(--gform-admin-spacer-4) 0.625rem;\n\t\t}\n\n\t\t.react-calendar__year-view__months,\n\t\t.react-calendar__decade-view__years,\n\t\t.react-calendar__century-view__decades {\n\t\t\tcolumn-gap: 0.625rem;\n\t\t\tdisplay: grid !important;\n\t\t\tgrid-template-columns: 1fr 1fr 1fr;\n\t\t\trow-gap: var(--gform-admin-spacer-3);\n\t\t}\n\n\t\t.react-calendar__year-view__months__month,\n\t\t.react-calendar__decade-view__years__year,\n\t\t.react-calendar__century-view__decades__decade {\n\t\t\tbackground: var(--gform-admin-color-titan-white);\n\t\t\tblock-size: 1.875rem;\n\t\t\tfont-size: var(--gform-admin-font-size-xs);\n\t\t\tfont-weight: var(--gform-admin-font-weight-medium);\n\t\t}\n\t}\n\n\t.gform-calendar__footer {\n\t\tdisplay: flex;\n\t\tgap: var(--gform-admin-spacer-2);\n\t\tjustify-content: center;\n\t\tmargin-block-start: var(--gform-admin-spacer-3);\n\t}\n}\n"]}