react-multiselect-box/build/css/index.css.map

A multiselect box component for React.

{"version":3,"sources":["webpack:///./src/lib/components/MultiSelectBox.css"],"names":[],"mappings":"AAAA,cACE,oBACA,aACA,WACA,uBACI,mBACJ,yBACA,iBAAmB,CAGrB,qBACE,gBACA,eACA,YACA,0BACG,uBACH,gBACA,gBACA,kBAAoB,CAGtB,+BAEE,UACA,oBACA,aACA,0BACI,qBAAuB,CAG7B,gBACE,wCAA2C,CAG7C,+CAEE,oBACA,aACA,YACA,0CACA,uBACA,YACA,eACA,cACA,UAAY,CAGd,+BACE,oBACI,YACJ,8BACQ,sBACR,YACA,iBACA,gBACA,6BACA,YACA,gBACA,cACA,WAAa,CAGf,6DAGE,qBACA,kBACA,YACA,WACA,iBACA,YACA,mBACA,WAAa,CAGf,+BACE,yFACA,0DACA,qDACA,kDACA,wBAA0B,CAG5B,2EAEE,sBAAyB,CAG3B,qCACE,yBACA,yFACA,0DACA,qDACA,iDAAoD,CAEtD,sCACE,yBACA,yFACA,0DACA,qDACA,iDAAoD,CAGtD,8BACE,yFACA,0DACA,qDACA,kDACA,wBAA0B,CAG5B,oCACE,yFACA,0DACA,qDACA,kDACA,wBAA0B,CAG5B,qCACE,yFACA,0DACA,qDACA,kDACA,wBAA0B,CAG5B,8BACE,oBACI,YACJ,YACA,iBACA,eACA,cACA,6BACA,eACA,kBAAoB,CAGtB,+DAEE,aACA,YAAc,CAGhB,2CAEE,uBACA,gBACA,uBACA,gCACA,sBACA,WACA,eACA,kBACA,iBACA,oBACA,YAAc,CAGhB,4BACE,iCAAuC,CAGzC,2BACE,iCAAuC,CAGzC,qDAEE,oBACI,YACJ,0BACG,uBACH,gBACA,kBAAoB,CAGtB,+CAEE,eACA,sBAAwB,CAG1B,MACE,kBACA,WACA,YACA,WAAa,CAGf,kBAOE,WACA,SAAW,CAIb,mCAXE,sBACA,UACA,WACA,kBACA,kBACA,QAGA,UAAY,CAYb,iBAFC,QAAU,CAIZ,kBACE,sBACA,UACA,WACA,kBACA,kBACA,QACA,SACA,UAAY","file":"css/index.css","sourcesContent":[".multi-select {\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  width: 100%;\r\n  -ms-flex-direction: row;\r\n      flex-direction: row;\r\n  border: 1px solid #dbdbdb;\r\n  position: relative;\r\n}\r\n\r\n.multi-select button {\r\n  padding: 2px 8px;\r\n  font-size: 11px;\r\n  height: auto;\r\n  -o-text-overflow: ellipsis;\r\n     text-overflow: ellipsis;\r\n  font-weight: 700;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.available-list,\r\n.selected-list {\r\n  width: 50%;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -ms-flex-direction: column;\r\n      flex-direction: column;\r\n}\r\n\r\n.available-list {\r\n  border-right: 1px solid #dbdbdb !important;\r\n}\r\n\r\n.available-list > .header,\r\n.selected-list > .header {\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  height: 25px;\r\n  border-bottom: 1px solid #dbdbdb !important;\r\n  background: transparent;\r\n  border: none;\r\n  font-size: 11px;\r\n  color: #787878;\r\n  width: 100%;\r\n}\r\n\r\n.available-list > .header > .input {\r\n  -ms-flex-positive: 1;\r\n      flex-grow: 1;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  height: 24px;\r\n  line-height: 24px;\r\n  font-weight: normal;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 2px 4px;\r\n  color: #787878;\r\n  min-width: 0;\r\n}\r\n\r\n.available-list > .header > button,\r\n.selected-list > .header > button {\r\n  color: #fff;\r\n  text-decoration: none;\r\n  text-align: center;\r\n  width: 100px;\r\n  color: #fff;\r\n  text-shadow: none;\r\n  border: none;\r\n  margin: 0 !important;\r\n  min-width: 0;\r\n}\r\n\r\n.available-list > .header > button {\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#35aa47), to(#35aa47));\r\n  background-image: -webkit-linear-gradient(#35aa47, #35aa47);\r\n  background-image: -o-linear-gradient(#35aa47, #35aa47);\r\n  background-image: linear-gradient(#35aa47, #35aa47);\r\n  background-color: #69e092;\r\n}\r\n\r\n.available-list > .header > .input:active,\r\n.available-list > .header > .input:focus {\r\n  outline: none !important;\r\n}\r\n\r\n.available-list > .header > button:hover {\r\n  background-color: #1d943b;\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#1d943b), to(#1d943b));\r\n  background-image: -webkit-linear-gradient(#1d943b, #1d943b);\r\n  background-image: -o-linear-gradient(#1d943b, #1d943b);\r\n  background-image: linear-gradient(#1d943b, #1d943b);\r\n}\r\n.available-list > .header > button:active {\r\n  background-color: #35aa47;\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#35aa47), to(#1d943b));\r\n  background-image: -webkit-linear-gradient(#35aa47, #1d943b);\r\n  background-image: -o-linear-gradient(#35aa47, #1d943b);\r\n  background-image: linear-gradient(#35aa47, #1d943b);\r\n}\r\n\r\n.selected-list > .header > button {\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#d14836));\r\n  background-image: -webkit-linear-gradient(#dd4b39, #d14836);\r\n  background-image: -o-linear-gradient(#dd4b39, #d14836);\r\n  background-image: linear-gradient(#dd4b39, #d14836);\r\n  background-color: #d84a38;\r\n}\r\n\r\n.selected-list > .header > button:hover {\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#c53727), to(#c53727));\r\n  background-image: -webkit-linear-gradient(#c53727, #c53727);\r\n  background-image: -o-linear-gradient(#c53727, #c53727);\r\n  background-image: linear-gradient(#c53727, #c53727);\r\n  background-color: #c53727;\r\n}\r\n\r\n.selected-list > .header > button:active {\r\n  background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4b39), to(#c53727));\r\n  background-image: -webkit-linear-gradient(#dd4b39, #c53727);\r\n  background-image: -o-linear-gradient(#dd4b39, #c53727);\r\n  background-image: linear-gradient(#dd4b39, #c53727);\r\n  background-color: #dd4b39;\r\n}\r\n\r\n.selected-list > .header > .count {\r\n  -ms-flex-positive: 1;\r\n      flex-grow: 1;\r\n  height: 25px;\r\n  line-height: 25px;\r\n  padding: 0 0.5em 0 0.5em;\r\n  color: #313131;\r\n  background-color: transparent;\r\n  cursor: default;\r\n  white-space: nowrap;\r\n}\r\n\r\n.available-list .list-container,\r\n.selected-list .list-container {\r\n  outline: none;\r\n  height: 173px;\r\n}\r\n\r\n.available-list .item,\r\n.selected-list .item {\r\n  padding: 2px 0 2px 10px;\r\n  font-weight: normal;\r\n  background: transparent;\r\n  border-bottom: 1px solid #dbdbdb;\r\n  height: auto !important;\r\n  color: #000;\r\n  cursor: pointer;\r\n  display: list-item;\r\n  line-height: 20px;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.available-list .item:hover {\r\n  background-color: rgba(0, 255, 0, 0.2);\r\n}\r\n\r\n.selected-list .item:hover {\r\n  background-color: rgba(255, 0, 0, 0.2);\r\n}\r\n\r\n.available-list .item > span,\r\n.selected-list .item > span {\r\n  -ms-flex-positive: 1;\r\n      flex-grow: 1;\r\n  -o-text-overflow: ellipsis;\r\n     text-overflow: ellipsis;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n}\r\n\r\n.available-list .item > a,\r\n.selected-list .item > a {\r\n  padding: 0 25px;\r\n  background: transparent;\r\n}\r\n\r\n.icon {\r\n  position: relative;\r\n  width: 16px;\r\n  height: 16px;\r\n  margin: 16px;\r\n}\r\n\r\n.icon-minus:after {\r\n  background-color: #000;\r\n  width: 8px;\r\n  height: 2px;\r\n  border-radius: 1px;\r\n  position: absolute;\r\n  top: 7px;\r\n  left: 3.5px;\r\n  z-index: 4;\r\n  content: '';\r\n}\r\n\r\n.icon-plus:after {\r\n  background-color: #000;\r\n  width: 8px;\r\n  height: 2px;\r\n  border-radius: 1px;\r\n  position: absolute;\r\n  top: 7px;\r\n  left: 4px;\r\n  content: '';\r\n}\r\n\r\n.icon-plus:before {\r\n  background-color: #000;\r\n  width: 2px;\r\n  height: 8px;\r\n  border-radius: 1px;\r\n  position: absolute;\r\n  top: 4px;\r\n  left: 7px;\r\n  content: '';\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/lib/components/MultiSelectBox.css"],"sourceRoot":""}