jsl-ui 9.28.1 → 9.28.2

package/lib/index.css

@@ -1,9 +1,3 @@
-/*!
- * Selectr 2.4.12
- * http://mobius.ovh/docs/selectr
- *
- * Released under the MIT license
- */
 html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
@@ -547,409 +541,6 @@ div.jsl-fill {
   border-radius: 0;
 }
 
-.jsl-container {
-  position: relative;
-}
-
-.jsl-container li {
-  list-style: none;
-}
-
-.jsl-hidden {
-  clip: rect(0px, 0px, 0px, 0px);
-  border: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
-}
-
-.jsl-visible {
-  opacity: 0;
-  z-index: 11;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.jsl-desktop.multiple .jsl-visible {
-  display: none;
-}
-
-.jsl-desktop.multiple.native-open .jsl-visible {
-  opacity: 1;
-  height: auto;
-  display: block;
-  top: 100%;
-  min-height: 200px !important;
-}
-
-.jsl-container.multiple.jsl-mobile .jsl-selected {
-  z-index: 0;
-}
-
-.jsl-selected {
-  z-index: 1;
-  box-sizing: border-box;
-  cursor: pointer;
-  background-color: #fff;
-  border: 1px solid #999;
-  border-radius: 2px;
-  width: 100%;
-  padding: 4px 22px 4px 4px;
-  position: relative;
-}
-
-.jsl-selected:before {
-  content: "";
-  border: 4px solid #0000;
-  border-top-color: #6c7a86;
-  border-bottom-width: 0;
-  width: 0;
-  height: 0;
-  position: absolute;
-  top: 50%;
-  right: 10px;
-  transform: rotate(0)translate3d(0, -50%, 0);
-}
-
-.jsl-container.open .jsl-selected:before, .jsl-container.native-open .jsl-selected:before {
-  border: 4px solid #0000;
-  border-top-width: 0;
-  border-bottom-color: #6c7a86;
-}
-
-.jsl-label {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: 100%;
-  display: none;
-  overflow: hidden;
-}
-
-.jsl-placeholder {
-  color: #6c7a86;
-}
-
-.jsl-tags {
-  white-space: normal;
-  margin: 0;
-  padding: 0;
-}
-
-.has-selected .jsl-tags {
-  margin: 0 0 -2px;
-}
-
-.jsl-tag {
-  float: left;
-  cursor: default;
-  color: #fff;
-  background: #acb7bf;
-  border: none;
-  border-radius: 10px;
-  margin: 0 2px 2px 0;
-  padding: 0 25px 0 8px;
-  list-style: none;
-  position: relative;
-}
-
-.jsl-container.multiple.has-selected .jsl-selected {
-  padding: 2px 28px 2px 2px;
-}
-
-.jsl-options-container {
-  z-index: 10000;
-  box-sizing: border-box;
-  background-color: #fff;
-  border: 1px solid #999;
-  border-top: 0 solid #0000;
-  border-radius: 0 0 3px 3px;
-  width: 100%;
-  display: none;
-  position: absolute;
-  top: calc(100% - 1px);
-  left: 0;
-}
-
-.jsl-container.open .jsl-options-container {
-  display: block;
-}
-
-.jsl-input-container {
-  display: none;
-  position: relative;
-}
-
-.jsl-clear, .jsl-input-clear, .jsl-tag-remove {
-  cursor: pointer;
-  z-index: 11;
-  background-color: #0000;
-  border: none;
-  width: 20px;
-  height: 20px;
-  padding: 0;
-  position: absolute;
-  top: 50%;
-  right: 22px;
-  transform: translate3d(0, -50%, 0);
-}
-
-.jsl-clear, .jsl-input-clear {
-  display: none;
-}
-
-.jsl-container.has-selected .jsl-clear, .jsl-input-container.active .jsl-input-clear {
-  display: block;
-}
-
-.jsl-selected .jsl-tag-remove {
-  right: 2px;
-}
-
-.jsl-clear:before, .jsl-clear:after, .jsl-input-clear:before, .jsl-input-clear:after, .jsl-tag-remove:before, .jsl-tag-remove:after {
-  content: " ";
-  background-color: #6c7a86;
-  width: 2px;
-  height: 10px;
-  position: absolute;
-  top: 5px;
-  left: 9px;
-}
-
-.jsl-tag-remove:before, .jsl-tag-remove:after {
-  background-color: #fff;
-  width: 3px;
-  height: 12px;
-  top: 4px;
-}
-
-.jsl-clear:before, .jsl-input-clear:before, .jsl-tag-remove:before {
-  transform: rotate(45deg);
-}
-
-.jsl-clear:after, .jsl-input-clear:after, .jsl-tag-remove:after {
-  transform: rotate(-45deg);
-}
-
-.jsl-input-container.active, .jsl-input-container.active .jsl-clear {
-  display: block;
-}
-
-.jsl-input {
-  box-sizing: border-box;
-  border: 1px solid #999;
-  border-radius: 3px;
-  width: calc(100% - 30px);
-  margin: 4px 5px;
-  padding: 7px 30px 7px 9px;
-  top: 5px;
-  left: 5px;
-}
-
-.jsl-notice {
-  box-sizing: border-box;
-  background-color: #fff;
-  border-top: 1px solid #999;
-  border-radius: 0 0 3px 3px;
-  width: 100%;
-  padding: 8px 16px;
-  display: none;
-}
-
-.jsl-container.notice .jsl-notice {
-  display: block;
-}
-
-.jsl-container.notice .jsl-selected {
-  border-radius: 3px 3px 0 0;
-}
-
-.jsl-options {
-  max-height: 200px;
-  margin: 0;
-  padding: 0;
-  display: none;
-  position: relative;
-  top: calc(100% + 2px);
-  overflow: auto;
-}
-
-.jsl-container.open .jsl-options, .jsl-container.open .jsl-input-container, .jsl-container.notice .jsl-options-container {
-  display: block;
-}
-
-.jsl-option {
-  cursor: pointer;
-  padding: 3px 4px 4px 2px;
-  font-weight: normal;
-  list-style: none;
-  display: block;
-  position: relative;
-}
-
-.jsl-options.optgroups > .jsl-option {
-  padding-left: 25px;
-}
-
-.jsl-optgroup {
-  padding: 0;
-  font-weight: bold;
-}
-
-.jsl-optgroup--label {
-  margin-top: 10px;
-  padding: 5px 15px;
-  font-weight: bold;
-}
-
-.jsl-match {
-  text-decoration: underline;
-}
-
-.jsl-option.selected {
-  background-color: #ddd;
-}
-
-.jsl-option.active {
-  color: #fff;
-  background-color: #5897fb;
-}
-
-.jsl-option.disabled {
-  opacity: .4;
-}
-
-.jsl-option.excluded {
-  display: none;
-}
-
-.jsl-container.open .jsl-selected {
-  border-color: #999 #999 #0000;
-  border-radius: 3px 3px 0 0;
-}
-
-.jsl-container.open .jsl-selected:after {
-  transform: rotate(180deg)translate3d(0, 50%, 0);
-}
-
-.jsl-disabled {
-  opacity: .6;
-}
-
-.jsl-empty, .has-selected .jsl-placeholder {
-  display: none;
-}
-
-.has-selected .jsl-label {
-  display: block;
-}
-
-.taggable .jsl-selected {
-  padding: 4px 28px 4px 4px;
-}
-
-.taggable .jsl-selected:after {
-  content: " ";
-  clear: both;
-  display: table;
-}
-
-.taggable .jsl-label {
-  width: auto;
-}
-
-.taggable .jsl-tags {
-  float: left;
-  display: block;
-}
-
-.taggable .jsl-placeholder {
-  display: none;
-}
-
-.input-tag {
-  float: left;
-  width: auto;
-  min-width: 90px;
-}
-
-.jsl-tag-input {
-  width: 100%;
-  font-family: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  border: none;
-  padding: 3px 10px;
-}
-
-.jsl-input-container.loading:after {
-  content: "";
-  width: 20px;
-  height: 20px;
-  -o-transform-origin: 50% 0 0;
-  -ms-transform-origin: 50% 0 0;
-  -moz-transform-origin: 50% 0 0;
-  -webkit-transform-origin: 50% 0 0;
-  transform-origin: 50% 0 0;
-  border: 3px solid #ddd;
-  border-top-color: #aaa;
-  border-radius: 50%;
-  animation: .5s linear infinite forwards spin;
-  position: absolute;
-  top: 50%;
-  right: 20px;
-  transform: translate3d(0, -50%, 0);
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0)translate3d(0, -50%, 0);
-  }
-
-  100% {
-    transform: rotate(360deg)translate3d(0, -50%, 0);
-  }
-}
-
-.jsl-container.open.inverted .jsl-selected {
-  border-color: #0000 #999 #999;
-  border-radius: 0 0 3px 3px;
-}
-
-.jsl-container.inverted .jsl-options-container {
-  background-color: #fff;
-  border-width: 1px 1px 0;
-  border-color: #999 #999 #0000;
-  border-radius: 3px 3px 0 0;
-  top: auto;
-  bottom: calc(100% - 1px);
-}
-
-.jsl-container ::-webkit-input-placeholder {
-  color: #6c7a86;
-  opacity: 1;
-}
-
-.jsl-container ::placeholder {
-  color: #6c7a86;
-  opacity: 1;
-}
-
-.jsl-container :-ms-input-placeholder {
-  color: #6c7a86;
-  opacity: 1;
-}
-
-.jsl-container ::placeholder {
-  color: #6c7a86;
-  opacity: 1;
-}
-
 .jsl-number {
   text-align: right;
 }