search

qrac / musubii

Simple CSS Framework for JP
https://musubii.qranoko.jp
150 stars 6 forks source link

Form：Inputのバリデーションカラーを追加 #193

Closed qrac closed 5 years ago

qrac commented 5 years ago

image

主に .is-danger でアラート箇所を示す。

qrac commented 5 years ago 
.input {
  &:invalid,
  &.is-danger {
    background-color: $red-50;
    border-color: $red-700;
  }
}
qrac commented 5 years ago
qrac commented 5 years ago

:invalid は入力中も反応してしまい違和感があるので、.is-danger のみ設定する。

qrac commented 5 years ago

一応、.is-success も用意する。

qrac commented 5 years ago

Alpha版にて反映。