UNPKG

materialize-tags

Version:

A jQuery tags input plugin based on Materialize

github.com/henrychavez/materialize-tags

henrychavez/materialize-tags

9 lines • 5.37 kB
1
2
3
4
5
6
7
8
9
/** * materialize-tags - A jQuery tags input plugin based on Materialize * @version v1.2.1 * @link https://github.com/henrychavez/materialize-tags * @license MIT * @author Henry Chávez <henry19.chavez@gmail.com> * @maintainer Jonathan Dekhtiar <contact@jonathandekhtiar.eu> */ {"version":3,"sources":["materialize-tags.css"],"names":[],"mappings":"AAAA,kBACA,WAAA,IACA,cAAA,IAAA,MAAA,KACA,QAAA,KACA,UAAA,KACA,QAAA,EAAA,IACA,cAAA,KACA,MAAA,KACA,eAAA,OACA,MAAA,KACA,UAAA,KACA,YAAA,KACA,OAAA,KACA,mBAAA,IAAA,IACA,gBAAA,IAAA,IACA,eAAA,IAAA,IACA,cAAA,IAAA,IACA,WAAA,IAAA,IAGA,oCACA,kBACA,WAAA,KAIA,yBACA,mBAAA,EAAA,IAAA,EAAA,EAAA,QACA,gBAAA,EAAA,IAAA,EAAA,EAAA,QACA,WAAA,EAAA,IAAA,EAAA,EAAA,QACA,oBAAA,QACA,QAAA,EAGA,8BACA,gDACA,OAAA,KACA,WAAA,KACA,QAAA,EACA,iBAAA,YACA,OAAA,KAAA,EAAA,EAAA,EACA,QAAA,EACA,MAAA,YACA,UAAA,EAGA,0CACA,MAAA,KACA,QAAA,EAGA,8CACA,MAAA,KAGA,mDACA,MAAA,KAIA,sCACA,MAAA,0BACA,cAAA,IAAA,OAAA,0BACA,WAAA,KAGA,8BACA,OAAA,eACA,WAAA,eAGA,2BACA,SAAA,mBAGA,4BACA,SAAA,mBACA,KAAA,EACA,MAAA,eACA,cAAA,IAAA,MAAA,QACA,WAAA,EAAA,IAAA,EAAA,EAAA,QAGA,2BACA,UAAA,MACA,UAAA,KACA,QAAA,KAAA,EACA,sBAAA,IACA,mBAAA,IACA,cAAA,IACA,WAAA,KACA,mBAAA,EAAA,IAAA,IAAA,gBACA,gBAAA,EAAA,IAAA,IAAA,gBACA,WAAA,EAAA,IAAA,IAAA,gBAGA,0CACA,YAAA,eACA,QAAA,IAAA,eAGA,sCACA,WAAA,QACA,MAAA,KACA,YAAA,QAGA,oDACA,MAAA,KACA,YAAA,QAGA,cACA,MAAA,KACA,YAAA,IACA,WAAA,KAGA,uCACA,YAAA,KACA,MAAA,kBAGA,4CACA,eAAA,KACA,QAAA,EACA,OAAA,KACA,WAAA,EAGA,kDACA,QAAA,EACA,OAAA,KACA,WAAA,EAGA,sBACA,OAAA,eACA,WAAA,EAAA,IAAA,EAAA,EAAA,kBACA,QAAA,YAGA,MACA,WAAA,KACA,cAAA,EACA,UAAA,YAGA,uBACA,OAAA,QACA,MAAA,MACA,UAAA,KACA,YAAA,KACA,aAAA,IAGA,mBACA,UAAA","file":"materialize-tags.min.css","sourcesContent":["/**\n * materialize-tags - A jQuery tags input plugin based on Materialize\n * @version v1.2.1\n * @link https://github.com/henrychavez/materialize-tags\n * @license MIT\n * @author Henry Chávez <henry19.chavez@gmail.com>\n * @maintainer Jonathan Dekhtiar <contact@jonathandekhtiar.eu>\n */\n.materialize-tags {\n background: transparent;\n border-bottom: 1px solid #999;\n display: flex;\n flex-wrap: wrap;\n padding: 0 6px;\n margin-bottom: 10px;\n color: #444;\n vertical-align: middle;\n width: 100%;\n max-width: 100%;\n line-height: 22px;\n cursor: text;\n -webkit-transition: all .3s;\n -moz-transition: all .3s;\n -ms-transition: all .3s;\n -o-transition: all .3s;\n transition: all .3s;\n}\n\n@media screen and (max-width: 600px) {\n .materialize-tags {\n margin-top: 8px;\n }\n}\n\n.materialize-tags.active {\n -webkit-box-shadow: 0 1px 0 0 #26a69a;\n -moz-box-shadow: 0 1px 0 0 #26a69a;\n box-shadow: 0 1px 0 0 #26a69a;\n border-bottom-color: #26a69a;\n outline: none;\n}\n\n.materialize-tags input[type],\n.materialize-tags textarea.materialize-textarea {\n border: none;\n box-shadow: none;\n outline: none;\n background-color: transparent;\n margin: 10px 0 0 0;\n padding: 0;\n width: fit-content;\n flex-grow: 1;\n}\n\n.materialize-tags input::-moz-placeholder {\n color: #777;\n opacity: 1;\n}\n\n.materialize-tags input:-ms-input-placeholder {\n color: #777;\n}\n\n.materialize-tags input::-webkit-input-placeholder {\n color: #777;\n}\n\n\n.materialize-tags .tt-input:read-only {\n color: rgba(0,0,0,0.26)!important;\n border-bottom: 1px dotted rgba(0,0,0,0.26)!important;\n box-shadow: none;\n}\n\n.materialize-tags input:focus {\n border: none !important;\n box-shadow: none !important;\n}\n\n.materialize-tags .tt-hint {\n position: relative !important;\n}\n\n.materialize-tags .tt-input {\n position: absolute !important;\n left: 0;\n width: 100% !important;\n border-bottom: 1px solid #BCBCBC;\n box-shadow: 0 1px 0 0 #BCBCBC;\n}\n\n.materialize-tags .tt-menu {\n min-width: 200px;\n max-width: 100%;\n padding: 10px 0;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n background: #ffffff;\n -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);\n -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);\n}\n\n.materialize-tags .tt-menu .tt-suggestion {\n line-height: 2rem !important;\n padding: 5px 15px !important;\n}\n\n.materialize-tags .tt-menu .tt-cursor {\n background: deepskyblue;\n color: #000;\n font-weight:inherit;;\n}\n\n.materialize-tags .tt-menu .tt-cursor .tt-highlight{\n color: #fff;\n font-weight:inherit;\n}\n\n.tt-highlight{\n color: #000;\n font-weight: 800;\n margin-top: -1px;\n}\n\n.input-field .prefix ~ .materialize-tags {\n margin-left: 3rem;\n width: calc(100% - 3rem);\n}\n\n.materialize-tags-max span input[type=\"text\"]{\n pointer-events: none;\n outline: none;\n border: none;\n box-shadow: 0;\n}\n\n.materialize-tags-max span input[type=\"text\"]:focus{\n outline: none;\n border: none;\n box-shadow: 0;\n}\n\n.materialize-tags-max {\n border: none !important;\n box-shadow: 0 1px 0 0 #d5d5d5 !important;\n outline: none !important;\n}\n\n.chip {\n margin-top: 15px;\n margin-bottom: 0px;\n min-width: fit-content;\n}\n\n.chip i.material-icons {\n cursor: pointer;\n float: right;\n font-size: 16px;\n line-height: 32px;\n padding-left: 8px;\n}\n\n.twitter-typeahead{\n flex-grow: 1;\n}\n"]}