1 line
9.5 KiB
Plaintext
1 line
9.5 KiB
Plaintext
{"mappings":"ACAA;;;;;;;;;;;;;AAeE;;;;AAKF;;;;;;;;AAQA;EACE;;;;;;;EAOA;;;;;;;ACnCF;;;;AAIA;;;;AAIA;;;;ACRA;;;;;;;;;;AAYE;;;;;;AAUF;;;;;;;AAQA;;;;;;AAKE;;;;ACpCF;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAIA;;;;;ACpBA;;;;;;;;;AAWE;;;;AAKF;;;;;AAKA;;;;ACrBA;;;;;AAIE;;;;AAKF;;;;;;AAMA;;;;AAIA;;;;ACnBA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;APLA;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;AAqCE;;;;;AAKA;;;;;AASF;;;;;;;;;;;AAcE;;;;;;AAeF;;;;;;;;;;;;;;;;;;;AA6BE;;;;;;;;;AAsBE;;;;;;;AAYF;;;;;;;;;AAQE;;;;;AAOJ;;;;;;;;;AAqBE;;;;;;;;;;;;;AAsBA;;;;;;AAOF;;;;;;;;;AAeA;;;;;AAKA;;;;AAMA;;;;;AAKA;;;;;;;AAUE;;;;AAKF;;;;AAIA;;;;;;AAMA;;;;AAKA;EACE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKE;;;;;EAMF","sources":["src/main.scss","src/style/nativeSelect.scss","src/style/scrollbar.scss","src/style/svgStyle.scss","src/style/whiteTheme.scss","src/style/displayMode.scss","src/style/classicTheme.scss","src/style/darkTheme.scss"],"sourcesContent":["@import './style/nativeSelect.scss';\n@import './style/scrollbar.scss';\n@import './style/svgStyle.scss';\n@import './style/whiteTheme.scss';\n@import './style/displayMode.scss';\n@import './style/classicTheme.scss';\n@import './style/darkTheme.scss';\n\n// ----Layout----\n.cg-dropdown {\n min-width: 235px;\n margin-left: 0;\n position: relative;\n margin: 0;\n padding: 0;\n border: none;\n\n border-radius: 10px;\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n -ms-border-radius: 10px;\n -o-border-radius: 10px;\n}\n\n.cg-select {\n -webkit-box-flex: 1;\n -ms-flex-positive: 1;\n flex-grow: 1;\n\n min-height: 50px;\n padding: 5px;\n\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n\n text-overflow: ellipsis;\n\n border: none;\n cursor: pointer;\n\n border-radius: 5px;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n\n .selected {\n max-width: 195px;\n margin: 5px;\n }\n\n &:hover {\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n }\n}\n\n.caret {\n width: 0;\n height: 0;\n margin-right: 10px;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 6px solid #fff;\n\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n\n &_rotate {\n transform: rotate(180deg);\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -o-transform: rotate(180deg);\n\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n }\n}\n\n.list {\n max-height: 230px;\n overflow-y: auto;\n position: absolute;\n\n width: 220px;\n padding: 7px;\n margin-top: -0.2px;\n list-style: none;\n\n border-radius: 5px;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n\n box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);\n\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n\n opacity: 0;\n display: none;\n z-index: 1;\n\n &__item {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n\n padding: 15px;\n\n &:hover {\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n transition: 0.5s;\n\n cursor: pointer;\n background: #8282822c;\n }\n }\n\n .inputSearch {\n background: transparent;\n border: none;\n width: 90%;\n border-bottom: 1px solid white;\n margin-top: 5px;\n margin-bottom: 5px;\n\n &:focus {\n outline: none;\n color: white;\n }\n }\n}\n\n.multiselect-tag {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n li {\n padding: 2px 4px 2px 4px;\n background: #76767659;\n height: 20px;\n margin: 0 5px 5px 0;\n\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n\n position: relative;\n border-radius: 5px;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n }\n\n &__button {\n width: 15px;\n height: 16px;\n border: none;\n }\n}\n\n.category {\n height: 20px;\n margin: 6px 5px 0 7px;\n font-size: 17px;\n border-bottom: 1px solid;\n\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n}\n\ninput[type='checkbox'] {\n cursor: pointer;\n margin: 0 5px 0 0;\n}\n\n.label {\n color: white;\n}\n\n//-------Behavior--------\n\n.active {\n text-align: start;\n background: #8282822c;\n}\n\n.open {\n transition: 0.5s;\n -webkit-transition: 0.5s;\n -moz-transition: 0.5s;\n -ms-transition: 0.5s;\n -o-transition: 0.5s;\n\n display: block !important;\n opacity: 1;\n\n &_none {\n opacity: 0 !important;\n }\n}\n\n.disabled {\n background-color: #8f9195 !important;\n}\n\n.overflow-hidden {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.displayHide {\n display: none !important;\n}\n\n/*320px - 576px*/\n@media (max-width: 576px) {\n body {\n margin: 0;\n padding: 0;\n }\n\n .list {\n width: 98% !important;\n }\n\n .listModal {\n width: 88% !important;\n }\n\n .cg-select {\n width: 100% !important;\n }\n\n .example-select {\n &_title {\n padding: 24px 0 0px 15px;\n font-size: 16px;\n }\n }\n\n pre {\n overflow-x: scroll;\n }\n}\n",".nativeSelect {\n border: none;\n cursor: pointer;\n display: none;\n color: white;\n background: #2a2f3b;\n box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);\n -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);\n border-radius: 5px;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n margin: 0;\n\n &__nativeOption {\n border: 1px #0a0b0e solid;\n }\n}\n\n.nativeSelectActive {\n display: block;\n min-width: 235px;\n height: 50px;\n border: none;\n border-radius: 10px;\n}\n\n@media (max-width: 576px) {\n .nativeSelect {\n min-width: 235px;\n height: 50px;\n border: none;\n border-radius: 10px;\n }\n\n select[multiple='multiple'] {\n color: black;\n background-color: white;\n border-radius: 0;\n }\n}\n","// ------SCROLLBAR------\n::-webkit-scrollbar {\n width: 10px;\n}\n\n::-webkit-scrollbar-track {\n background-color: #d1d1d19d;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: #4d4d4d;\n}\n","// --------SVG--------\n.svg-icon {\n width: 16px;\n margin-left: 3px;\n background-color: #bebebc;\n border-radius: 5px;\n cursor: pointer;\n -webkit-transition: 1s;\n transition: 1s;\n -moz-transition: 1s;\n -ms-transition: 1s;\n -o-transition: 1s;\n\n &:hover {\n -webkit-transition: 1s;\n transition: 1s;\n -moz-transition: 1s;\n -ms-transition: 1s;\n -o-transition: 1s;\n background-color: #ffffff;\n }\n}\n\n.svg-icon path {\n color: black;\n stroke: currentcolor;\n transition: 0.2s;\n -webkit-transition: 0.2s;\n stroke-width: 0.5;\n}\n\n.svg-clear {\n position: absolute;\n right: 36px;\n background-color: transparent;\n\n &:hover {\n background-color: transparent;\n }\n}\n",".selectWhite {\n background: rgb(248, 248, 248);\n}\n\n.selectWhite,\n.listWhite,\n.inputWhite,\n.pathBlack,\n.selectWhite {\n color: black;\n}\n\n.caretWhite {\n border-top: 6px solid black;\n}\n\n.listWhite {\n background-color: white;\n}\n\n.inputWhite {\n border-bottom: 1px solid black !important;\n color: black !important;\n}\n",".modal {\n display: flex;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.45);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n z-index: 9999;\n\n &_active {\n display: flex;\n }\n}\n\n.listModal {\n position: fixed !important;\n top: 150px;\n}\n\n.overflowHide {\n overflow: hidden;\n}\n",".classicSelect {\n color: #fff;\n background: #2a2f3b;\n\n &:hover {\n background: #394050;\n }\n}\n\n.classicList {\n color: white;\n background: #2a2f3b;\n border: 1px #0a0b0e solid;\n}\n\n.pathWhite {\n color: white !important;\n}\n\n.pathBlack {\n color: black;\n}\n",".selectDark {\n background: rgb(29, 29, 29);\n color: white;\n}\n\n.caretWhite {\n border-top: 6px solid black !important;\n}\n\n.listDark {\n background: rgb(29, 29, 29);\n color: white;\n}\n\n.inputDark {\n border-bottom: 1px solid black !important;\n}\n"],"names":[],"version":3,"file":"index.css.map"} |