styling forms
This commit is contained in:
parent
a27391fb9b
commit
9c808b52f8
|
@ -5,11 +5,12 @@ input[type="submit"],
|
||||||
.wp-block-button__link {
|
.wp-block-button__link {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: $color__border-button;
|
border-color: $color__border-button;
|
||||||
border-radius: 3px;
|
border-radius: 0;
|
||||||
background: $color__background-button;
|
background: $color__background-button;
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: $color__text-screen;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 0.6em 1em 0.4em;
|
padding: 0.6em 1em 0.4em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: $color__border-button-hover;
|
border-color: $color__border-button-hover;
|
||||||
|
|
|
@ -1,3 +1,9 @@
|
||||||
|
.wpcf7-form-control-wrap {
|
||||||
|
input {
|
||||||
|
margin-top: -1em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.wpcf7-not-valid:not(:focus) {
|
.wpcf7-not-valid:not(:focus) {
|
||||||
background-color: $color__red;
|
background-color: $color__red;
|
||||||
}
|
}
|
||||||
|
|
|
@ -631,11 +631,12 @@ input[type="submit"],
|
||||||
.wp-block-button__link {
|
.wp-block-button__link {
|
||||||
border: 1px solid;
|
border: 1px solid;
|
||||||
border-color: #000;
|
border-color: #000;
|
||||||
border-radius: 3px;
|
border-radius: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: rgba(0, 0, 0, 0.8);
|
color: #111;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: 0.6em 1em 0.4em;
|
padding: 0.6em 1em 0.4em;
|
||||||
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover,
|
button:hover,
|
||||||
|
@ -1017,6 +1018,10 @@ textarea {
|
||||||
|
|
||||||
/* Contact Form 7
|
/* Contact Form 7
|
||||||
--------------------------------------------- */
|
--------------------------------------------- */
|
||||||
|
.wpcf7-form-control-wrap input {
|
||||||
|
margin-top: -1em;
|
||||||
|
}
|
||||||
|
|
||||||
.wpcf7-not-valid:not(:focus) {
|
.wpcf7-not-valid:not(:focus) {
|
||||||
background-color: #ff686e;
|
background-color: #ff686e;
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue