@web-utils/component 2.0.13 → 2.7.0

package/dist/components/vue-tags-input/style.css

@@ -1,682 +1 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* The input */
-.tags-input {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.tags-input input {
-  flex: 1 1 auto;
-  background: transparent;
-  border: none;
-}
-.tags-input input:focus {
-  outline: none;
-}
-.tags-input input[type='text'] {
-  color: #495057;
-}
-.tags-input-wrapper-default {
-  padding: 0.5rem 0.25rem;
-  background: #fff;
-  border: 1px solid transparent;
-  border-color: #dbdbdb;
-  border-radius: 0.25rem;
-}
-
-/* The tag badges & the remove icon */
-.tags-input span {
-  margin-right: 0.3rem;
-}
-.tags-input-remove {
-  position: relative;
-  display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
-  cursor: pointer;
-}
-.tags-input-remove::before, .tags-input-remove::after {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  margin-top: -1px;
-  background: #ea0000;
-  content: '';
-}
-.tags-input-remove::before {
-  transform: rotate(45deg);
-}
-.tags-input-remove::after {
-  transform: rotate(-45deg);
-}
-
-/* Tag badge styles */
-.tags-input-badge {
-  display: inline-block;
-  padding: 0.25em 0.4em;
-  font-weight: 700;
-  font-size: 75%;
-  line-height: 1;
-  white-space: nowrap;
-  text-align: center;
-  vertical-align: baseline;
-  border-radius: 0.25rem;
-}
-.tags-input-badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
-  border-radius: 10rem;
-}
-.tags-input-badge-selected-default {
-  color: #212529;
-  background-color: #f0f1f2;
-}
-
-/* Typeahead */
-.typeahead-hide-btn {
-  color: #999 !important;
-}
-
-/* Typeahead - badges */
-.typeahead-badges > span {
-  margin-right: 0.3rem;
-  cursor: pointer;
-}
-
-/* Typeahead - dropdown */
-.typeahead-dropdown {
-  position: absolute;
-  top: 50px;
-  right: 0;
-  z-index: 1000;
-  width: 100%;
-  max-height: 150px;
-  margin: 0;
-  padding: 0;
-  overflow: auto;
-  list-style-type: none;
-  border-radius: 4px;
-  box-shadow: 0 0 5px #d7d7d7;
-}
-.typeahead-dropdown li {
-  padding: 0.25rem 1rem;
-  cursor: pointer;
-}
-
-/* Typeahead elements style/theme */
-.tags-input-typeahead-item-default {
-  color: grey;
-  background-color: white;
-}
-.tags-input-typeahead-item-highlighted-default {
-  background-color: #f5f7fa;
-}
+.tags-input{display:flex;flex-wrap:wrap;align-items:center}.tags-input input{flex:1 1 auto;background:transparent;border:none}.tags-input input:focus{outline:none}.tags-input input[type=text]{color:#495057}.tags-input-wrapper-default{padding:.5rem .25rem;background:#fff;border:1px solid transparent;border-color:#dbdbdb;border-radius:.25rem}.tags-input span{margin-right:.3rem}.tags-input-remove{position:relative;display:inline-block;width:.5rem;height:.5rem;cursor:pointer}.tags-input-remove:before,.tags-input-remove:after{position:absolute;top:50%;left:0;width:100%;height:2px;margin-top:-1px;background:#ea0000;content:""}.tags-input-remove:before{transform:rotate(45deg)}.tags-input-remove:after{transform:rotate(-45deg)}.tags-input-badge{display:inline-block;padding:.25em .4em;font-weight:700;font-size:75%;line-height:1;white-space:nowrap;text-align:center;vertical-align:baseline;border-radius:.25rem}.tags-input-badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.tags-input-badge-selected-default{color:#212529;background-color:#f0f1f2}.typeahead-hide-btn{color:#999!important}.typeahead-badges>span{margin-right:.3rem;cursor:pointer}.typeahead-dropdown{position:absolute;top:50px;right:0;z-index:1000;width:100%;max-height:150px;margin:0;padding:0;overflow:auto;list-style-type:none;border-radius:4px;box-shadow:0 0 5px #d7d7d7}.typeahead-dropdown li{padding:.25rem 1rem;cursor:pointer}.tags-input-typeahead-item-default{color:gray;background-color:#fff}.tags-input-typeahead-item-highlighted-default{background-color:#f5f7fa}