materialize-tags
Version:
A jQuery tags input plugin based on Materialize
11 lines (10 loc) • 2.86 kB
CSS
/**
* 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>
*/
.materialize-tags{background:0 0;border-bottom:1px solid #999;display:flex;flex-wrap:wrap;padding:0 6px;margin-bottom:10px;color:#444;vertical-align:middle;width:100%;max-width:100%;line-height:22px;cursor:text;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media screen and (max-width:600px){.materialize-tags{margin-top:8px}}.materialize-tags.active{-webkit-box-shadow:0 1px 0 0 #26a69a;-moz-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a;border-bottom-color:#26a69a;outline:0}.materialize-tags input[type],.materialize-tags textarea.materialize-textarea{border:none;box-shadow:none;outline:0;background-color:transparent;margin:10px 0 0 0;padding:0;width:fit-content;flex-grow:1}.materialize-tags input::-moz-placeholder{color:#777;opacity:1}.materialize-tags input:-ms-input-placeholder{color:#777}.materialize-tags input::-webkit-input-placeholder{color:#777}.materialize-tags .tt-input:read-only{color:rgba(0,0,0,.26);border-bottom:1px dotted rgba(0,0,0,.26);box-shadow:none}.materialize-tags input:focus{border:none;box-shadow:none}.materialize-tags .tt-hint{position:relative}.materialize-tags .tt-input{position:absolute;left:0;width:100%;border-bottom:1px solid #bcbcbc;box-shadow:0 1px 0 0 #bcbcbc}.materialize-tags .tt-menu{min-width:200px;max-width:100%;padding:10px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.35);-moz-box-shadow:0 2px 5px rgba(0,0,0,.35);box-shadow:0 2px 5px rgba(0,0,0,.35)}.materialize-tags .tt-menu .tt-suggestion{line-height:2rem;padding:5px 15px}.materialize-tags .tt-menu .tt-cursor{background:#00bfff;color:#000;font-weight:inherit}.materialize-tags .tt-menu .tt-cursor .tt-highlight{color:#fff;font-weight:inherit}.tt-highlight{color:#000;font-weight:800;margin-top:-1px}.input-field .prefix~.materialize-tags{margin-left:3rem;width:calc(100% - 3rem)}.materialize-tags-max span input[type=text]{pointer-events:none;outline:0;border:none;box-shadow:0}.materialize-tags-max span input[type=text]:focus{outline:0;border:none;box-shadow:0}.materialize-tags-max{border:none;box-shadow:0 1px 0 0 #d5d5d5;outline:0}.chip{margin-top:15px;margin-bottom:0;min-width:fit-content}.chip i.material-icons{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.twitter-typeahead{flex-grow:1}
/*# sourceMappingURL=materialize-tags.min.css.map */