| 1 | {"version":3,"sources":["webpack://FontIconPicker/./src/assets/fipicon/style.css","webpack://FontIconPicker/./src/scss/base/_reset.scss","webpack://FontIconPicker/./src/scss/components/_rfip.scss","webpack://FontIconPicker/./src/scss/components/_rfipbutton.scss","webpack://FontIconPicker/./src/scss/components/_rfipcategory.scss","webpack://FontIconPicker/./src/scss/components/_rfipdropdown.scss","webpack://FontIconPicker/./src/scss/components/_rfipicons.scss","webpack://FontIconPicker/./src/scss/components/_rfipsearch.scss"],"names":[],"mappings":"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","file":"fonticonpicker.base-theme.react.css","sourcesContent":["@font-face {\n font-family: 'fontIconPicker';\n src:\n url('fonts/fontIconPicker.ttf?an4nl5') format('truetype'),\n url('fonts/fontIconPicker.woff?an4nl5') format('woff'),\n url('fonts/fontIconPicker.svg?an4nl5#fontIconPicker') format('svg');\n font-weight: normal;\n font-style: normal;\n}\n\n[class^=\"fipicon-\"], [class*=\" fipicon-\"] {\n /* use !important to prevent issues with browser extensions that change fonts */\n font-family: 'fontIconPicker' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n\n /* Better Font Rendering =========== */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.fipicon-angle-left:before {\n content: \"\\f104\";\n}\n.fipicon-angle-right:before {\n content: \"\\f105\";\n}\n.fipicon-angle-up:before {\n content: \"\\f106\";\n}\n.fipicon-angle-down:before {\n content: \"\\f107\";\n}\n","// Reset style inside fip dropdown\n.rfipbtn,\n.rfipdropdown {\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',\n\t\t'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',\n\t\t'Helvetica Neue', sans-serif;\n\tfont-size: 14px;\n\tline-height: (24/14);\n\tvertical-align: baseline;\n\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\tinput,\n\tselect {\n\t\tfont-size: 14px;\n\t}\n}\n",".rfip {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin: 8px;\n\tvertical-align: middle;\n}\n","// Button\n.rfipbtn {\n\twidth: 136px;\n\tdisplay: flex;\n\tflex-flow: row nowrap;\n\tmin-height: 50px;\n\tborder-radius: 2px;\n\tcursor: pointer;\n\ttransition: box-shadow 250ms, border-color 250ms;\n\toutline: 0 none;\n\tuser-select: none;\n\n\t// open\n\t&--open {\n\t\tborder-radius: 2px 2px 0 0;\n\t}\n\n\t// dropdown button\n\t&__button {\n\t\twidth: 48px;\n\t\tmargin-left: auto;\n\t\tdisplay: flex;\n\t\talign-items: center; /* x axis center */\n\t\tjustify-content: center; /* y axis center */\n\t\theight: auto; /* auto height to fix the flex */\n\t\ttransition: background 250ms, box-shadow 250ms;\n\n\t\ti {\n\t\t\tfont-size: 32px;\n\t\t\ttransition: transform 250ms;\n\t\t}\n\n\t\t// Open\n\t\t&--open {\n\t\t\ti {\n\t\t\t\ttransform: rotate(-180deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t// current\n\t&__current {\n\t\tdisplay: flex;\n\t\tflex-flow: row nowrap;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex: 0 0 86px;\n\t\tpadding: 2px;\n\t}\n\n\t// multi\n\t&--multi {\n\t\twidth: 258px;\n\n\t\t// current\n\t\t.rfipbtn__current {\n\t\t\tflex-flow: row wrap;\n\t\t\tjustify-content: flex-start;\n\t\t\tflex-basis: 212px;\n\t\t\talign-content: center;\n\t\t}\n\t}\n\n\t// icon\n\t&__icon {\n\t\tmargin: 2px;\n\t\tpadding: 0;\n\t\theight: 28px;\n\t\twidth: 48px;\n\t\tdisplay: flex;\n\t\tflex-flow: row nowrap;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tborder-radius: 2px;\n\n\t\t// empty\n\t\t&--empty {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 16px;\n\t\t\tmargin-left: 8px;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: lowercase;\n\t\t\tfont-style: italic;\n\t\t}\n\t}\n\n\t// elm\n\t&__elm {\n\t\tdisplay: flex;\n\t\theight: 28px;\n\t\twidth: 28px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 18px;\n\t\timg,\n\t\tsvg {\n\t\t\theight: 18px;\n\t\t\twidth: auto;\n\t\t}\n\t}\n\n\t// del\n\t&__del {\n\t\twidth: 18px;\n\t\tdisplay: flex;\n\t\theight: 28px;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\ttransition: background-color 250ms;\n\t\tcursor: pointer;\n\t}\n}\n","// Category item\n.rfipcategory {\n\twidth: 100%;\n\tmargin: 0 0 8px;\n\tposition: relative;\n\tselect {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\theight: 32px;\n\t\tline-height: 32px;\n\t\tborder-radius: 0;\n\t\t-webkit-appearance: none;\n\t\t-moz-appearance: none;\n\t\tappearance: none; /* remove default arrow */\n\t\ttransition: border 250ms, box-shadow 250ms;\n\t\tbackground-color: transparent !important;\n\t}\n\ti {\n\t\tposition: absolute;\n\t\tright: 2px;\n\t\ttop: 0;\n\t\tfont-size: 16px;\n\t\tline-height: 32px;\n\t\tz-index: -1;\n\t}\n}\n","// Dropdown\n.rfipdropdown {\n\twidth: 352px;\n\tposition: absolute;\n\tleft: 0;\n\tmargin-top: -1px;\n\tz-index: 100000001;\n\tborder-radius: 0 1px 4px 4px;\n\n\t// Selector box\n\t&__selector {\n\t\toverflow: hidden;\n\t\tpadding: 16px;\n\t}\n\n\t// For animation\n\t&.fipappear-enter-active,\n\t&.fipappear-exit-active {\n\t\t.rfipdropdown__selector {\n\t\t\ttransition: max-height 300ms ease-out, padding 300ms ease-out;\n\t\t\tpadding: 16px;\n\t\t}\n\t}\n}\n","// Icons box\n.rfipicons {\n\t// Pager\n\t&__pager {\n\t\tdisplay: flex;\n\t\tflex-flow: row nowrap;\n\t\theight: 24px;\n\t\tline-height: 24px;\n\t\talign-items: center;\n\t\tmargin-bottom: 8px;\n\t}\n\n\t// num\n\t&__num {\n\t\twidth: 100px;\n\t\tmargin-right: auto;\n\t}\n\t// current page\n\t&__cp {\n\t\twidth: 32px;\n\t\tmargin-right: 8px;\n\t\theight: 24px;\n\t\tline-height: 24px;\n\t\ttext-align: right;\n\t}\n\t// separator\n\t&__sp {\n\t\tmargin-right: 8px;\n\t}\n\t// total page\n\t&__tp {\n\t\tmargin-right: 8px;\n\t}\n\n\t// arrows\n\t&__arrow {\n\t\tmargin-left: auto;\n\t\twidth: 56px;\n\t\tdisplay: flex;\n\t\tflex-flow: row nowrap;\n\t\tjustify-content: flex-end;\n\t\talign-items: center;\n\t\theight: 24px;\n\t\tuser-select: none;\n\t}\n\t// left and right\n\t&__right {\n\t\tmargin-left: auto;\n\t}\n\t&__left,\n\t&__right {\n\t\tcursor: pointer;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tposition: relative;\n\t\ttransition: background-color 250ms, border 250ms;\n\t\toutline: 0 none;\n\t\tborder-radius: 2px;\n\t\tfont-size: 18px;\n\t}\n\n\t// Label\n\t&__label {\n\t\theight: 22px;\n\t\twidth: 22px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\timg {\n\t\t\theight: 18px;\n\t\t\twidth: 18px;\n\t\t}\n\t}\n\n\t// Icon Selector\n\t&__selector {\n\t\tdisplay: flex;\n\t\tflex: 1 1 20%;\n\t\tflex-flow: row wrap;\n\t\talign-content: center;\n\t\tjustify-content: flex-start;\n\t}\n\n\t// Individual icon box\n\t&__ibox {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t\ttransition: background-color 250ms, border 250ms;\n\t\tborder-radius: 2px;\n\t\toutline: 0 none;\n\t\tfont-size: 20px;\n\t\timg,\n\t\tsvg {\n\t\t\tmax-height: 24px;\n\t\t\twidth: auto;\n\t\t}\n\t\t> * {\n\t\t\ttransform: scale(1);\n\t\t\ttransition: transform 250ms;\n\t\t\ttransform-origin: center;\n\t\t}\n\t\t&:hover {\n\t\t\t> * {\n\t\t\t\ttransform: scale(1.8);\n\t\t\t}\n\t\t}\n\t\t// Error\n\t\t&--error {\n\t\t\ttext-transform: lowercase;\n\t\t\tfont-style: italic;\n\t\t}\n\t}\n\n\t// Invidual icons\n\t&__icon {\n\t\twidth: 20%;\n\t\theight: 64px;\n\t\tpadding: 1px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tcursor: pointer;\n\n\t\t// Error\n\t\t&--error {\n\t\t\tdisplay: block;\n\t\t\tpadding: 16px;\n\t\t\ttext-align: center;\n\t\t\tfont-size: 24px;\n\t\t\twidth: 100%;\n\t\t\tline-height: 1;\n\t\t}\n\t}\n}\n","// Search\n.rfipsearch {\n\twidth: 100%;\n\tmargin: 0 0 8px;\n\tinput {\n\t\twidth: 100%;\n\t\tdisplay: block;\n\t\theight: 32px;\n\t\tline-height: 32px;\n\t}\n}\n"],"sourceRoot":""} |