mirror of https://github.com/IoTcat/sakura2.git
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
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