on ajoute par defaut une couleur de background si un champ recherche est rempli

This commit is contained in:
Christophe 2022-04-13 12:01:23 +02:00
parent da0eb14336
commit 29c2e32428
3 changed files with 34 additions and 4 deletions

View file

@ -46,7 +46,28 @@
padding: 0.25rem 1rem; padding: 0.25rem 1rem;
} }
.h2-like.titregamutable, .h2-like.titregamutable_deux { .gamutable__input--rechercher:valid {
background-color: #72878f;
color: #fff;
}
.gamutable__input--rechercher:-moz-placeholder-shown {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:-ms-input-placeholder {
background-color: transparent;
color: inherit;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {
font-weight: bold; font-weight: bold;
} }

File diff suppressed because one or more lines are too long

View file

@ -40,7 +40,17 @@
.gamutable__input--rechercher { .gamutable__input--rechercher {
padding: 0.25rem 1rem; padding: 0.25rem 1rem;
} }
.h2-like.titregamutable, .h2-like.titregamutable_deux { .gamutable__input--rechercher:valid {
background-color: rgb(114, 135, 143);
color: #fff;
}
.gamutable__input--rechercher:placeholder-shown {
background-color: transparent;
color: inherit;
}
.h2-like.titregamutable,
.h2-like.titregamutable_deux {
font-weight: bold; font-weight: bold;
} }
.gamutable table { .gamutable table {
@ -139,7 +149,6 @@ td.icone i {
margin-right: 1rem; margin-right: 1rem;
} }
/* blocks widths (percentage and pixels) */ /* blocks widths (percentage and pixels) */
$i: 100; $i: 100;
@while $i > 0 { @while $i > 0 {