vue-mfk/dist/vue-mfk.css

A Vue.js Plugin for MFK input.

/*!
 * vue-mfk v0.2.1
 * (c) 2018 Valerij Petrulevich
 * Released under the MIT License.
 */


.mfk-wrapper[data-v-21e42b2a] {display:-webkit-box;display:-ms-flexbox;display:flex; white-space: nowrap
}
.mfk-input-wrapper[data-v-21e42b2a] {display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex ; -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
}
.mfk-input[data-v-21e42b2a] { padding-right: 0.3em; -ms-flex-preferred-size: auto; flex-basis: auto
}
.mfk-input-last[data-v-21e42b2a] {
  padding-right: 0em;
}

/* error message is displayed from fist field, so we need to make sure overflow is not hidden */
.mfk-input[data-v-21e42b2a] .input-group__details {
  white-space: nowrap; overflow: visible;
}
.mfk-input[data-v-21e42b2a] label {min-width: 120%;
}
.mfk-input[data-v-21e42b2a] input[type=number]::-webkit-inner-spin-button, input[type=number][data-v-21e42b2a]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0;
}

/*IE11 placeholder color*/
.mfk-input[data-v-21e42b2a] :-ms-input-placeholder {
    color: #ccc !important;
    font-weight: 400 !important;
}

.favorite-mfk-wrapper[data-v-24dbf928] {
  display: inline-block;
  margin-right: 0.3em;
}
.select-wrapper[data-v-24dbf928]{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex; /* This is needed for IE 11 */
  width:140px;
}

/* vertical-allign displayed differently bw chrome and firefox, had to use top + margin-top */
.favorite-mfk-wrapper[data-v-24dbf928] .btn {margin: 0; margin-top:1.4em; vertical-align:top
}
.favoriteMfks[data-v-24dbf928] { white-space: nowrap;
}
.favoriteMfks[data-v-24dbf928] label {min-width: 120%;
}