Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style forms and add form validation and form status block

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-04 17:01:23 +02:00
committed by Benedikt Rötsch
parent f2b2a5845e
commit 6430a2c849
8 changed files with 291 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/stylesheets/base/formhack.css
View File

@@ -77,12 +77,13 @@ datalist {
label {
display: var(--fh-layout-display);
margin: var(--fh-layout-margin);
margin: var(--fh-layout-margin) 0 0;
text-align: var(--fh-layout-text-align);
font-weight: bold;
font-size: 0.875em;
& + input {
margin-top: calc(var(--grid-gutter) * 0.5 * -1)
margin-top: calc(var(--grid-gutter) * 0.25)
}
}
@@ -233,9 +234,13 @@ button[disabled] {
input:focus,
textarea:focus,
select:focus,
option:focus,
option:focus {
border-color: var(--color-palette-blue);
color: var(--fh-font-color);
}
button:focus,
.cta:focus {
.cta:focus {
background-color: var(--fh-button-hover-bg-color);
color: var(--fh-button-hover-font-color);
}