You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1.7 KiB

Resources

MDC

输入框样式

.commit-button {
  @include mdc-button-ink-color($orange);
  @include mdc-states($orange);
}

.user-info {
  @include mdc-text-field-focused-outline-color($orange);
  @include mdc-text-field-hover-outline-color($orange);
  @include mdc-text-field-outline-color($black);
  @include mdc-text-field-caret-color($orange);
  @include mdc-text-field-label-color($black);
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: orange;
}
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
.mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  color: orange;
}
<div class="user-info mdc-text-field mdc-text-field--outlined">
  <input type="text" id="tf-outlined" class="mdc-text-field__input">
  <div class="mdc-notched-outline">
    <div class="mdc-notched-outline__leading"></div>
    <div class="mdc-notched-outline__notch">
      <label for="tf-outlined" class="mdc-floating-label">Your Name</label>
    </div>
    <div class="mdc-notched-outline__trailing"></div>
  </div>
</div>

<button class="commit-button mdc-button mdc-button--outlined">
  <span class="mdc-button__label">BuiBuiBui~</span>
</button>

Linux

Ctrl-Z -> jobs -> fg 1