btn/src/assets/input.css

A Vue.js project

@import './color-common.css';
.md-field{
  width:-webkit-calc(100% - 2rem);
  width:-moz-calc(100% - 2rem);
  width:calc(100% - 2rem);
  margin:0.5rem 1rem 0.5rem 1rem;
  min-height:1.5rem;
}
.md-field:before{
  height:1px;
}
.md-field.md-has-placeholder label{
  top:0;
}
.md-field.md-theme-default label {
  color: var(--C5_400);
}
.md-field label{
  top:0px;
  font-size:0.75rem;
  color: var(--C5_400);
}
.md-field.md-theme-default.md-focused label {
  color: var(--C5_400);
}
.md-field.md-theme-default:after{
  background-color: var(--C5_400);
}
.md-field.md-has-placeholder label {
  opacity:1;
}
.md-field .md-input, .md-field .md-textarea{
  padding:0 0.5rem;
  font-size:1rem;
  height:1.5rem;
  line-height:1.5rem;
  margin:0.5rem 0;
}
.md-field.md-theme-default .md-helper-text{
  color:#FC6565;
  font-size:0.75rem;
  bottom:-28px;
}
.md-field.md-theme-default .md-helper-text.md-hints-text{
  color:var(--C5_400);
}
.mdFocusedError{
  margin-bottom:2.25rem;
}
.md-field.md-focused.mdFocusedError.md-theme-default:before {
  background-color: #448aff;
  background-color: var(--md-theme-default-accent, #448aff);
}
.md-field.md-theme-default:before {
  background-color: #448aff;
  background-color: var(--md-theme-default-primary, #448aff);
}
.md-field.md-theme-default.mdBlurError:after{
  background-color: var(--md-theme-default-accent, #448aff);
}
.md-field .md-input::-webkit-input-placeholder { /* WebKit browsers */
  color: var(--C5_400);
}
.md-field .md-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: var(--C5_400);
}
.md-field .md-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: var(--C5_400);
}
.md-field .md-input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: var(--C5_400);
}
.md-field .md-input-action{
  width:1.5rem;
  height:1.5rem;
  min-width:1.5rem;
}
.md-field.md-has-password .md-toggle-password{
  right:0.5rem;
  top:1.4rem;
}
.iconRight{
  font-size:1.3rem;
  text-align: center;
  width:1.5rem;
  height:1.5rem;
  line-height:1.5rem;
  margin:0.5rem 0.5rem 0.5rem 0;
}