ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS for valid/invalid form input.

Browse source
This commit is contained in:
Fredrik Jonsson 2017-06-22 12:58:14 +02:00
commit 94493554ca
2 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
sass/_zen.scss
View file

@ -308,17 +308,13 @@ body {
vertical-align: top; vertical-align: top;
} }
&:valid { &:not(:placeholder-shown):valid {
background-color: color(status-bg); background-color: color(status-bg);
} }
&:not(:placeholder-shown):invalid { &:not(:placeholder-shown):invalid {
background-color: color(error-bg); background-color: color(error-bg);
} }
form.submitted &:invalid {
background-color: color(error-bg);
}
} }
button { button {
@ -326,6 +322,19 @@ body {
} }
} }
.js-submitted {
input,
textarea {
&:valid {
background-color: color(status-bg);
}
&:invalid {
background-color: color(error-bg);
}
}
}
/* Print. */ /* Print. */
aside, aside,

2
static/css/styles.css
View file

File diff suppressed because one or more lines are too long