vue-mfk/dist/vue-mfk-vuetify.css

A Vue.js Plugin for MFK input.

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


.mfk-input-wrapper[data-v-21e42b2a] {
}
.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%;
}

.favorite-mfk-wrapper[data-v-24dbf928] {
  max-width: 170px;
  width: 170px;
  margin-right: 0.3em;
}
.favoriteMfks[data-v-24dbf928] { white-space: nowrap;
}
.favoriteMfks[data-v-24dbf928] label {min-width: 120%;
}
.favBtn[data-v-24dbf928] { margin: 0;
}

/* Button is causing spasing issues when not in flex parent container, need to manually adjust */
.favorite-mfk-btn[data-v-24dbf928]{
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; 
  margin-right:2px;
  margin-left:2px;
  margin-top:13px;  
  top:8px !important
}