tec3/five-for-the-future
tec3/five-for-the-future
1
0
Fork 0
mirror of https://github.com/WordPress/five-for-the-future.git synced 2025-07-06 18:55:44 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style pledge form

Browse source
This commit is contained in:
Kelly Dwan 2019-10-08 16:41:59 -04:00
parent 9e46d1c543
commit 161331deff
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
10 changed files with 119 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

1
themes/wporg-5ftf/css/objects/_objects.scss
View file

@ -8,5 +8,6 @@
@import "../../../pub/wporg/css/objects/notices";
@import "buttons";
@import "image";
@import "pledge-form";
@import "pullquote";
@import "site-header";

59
themes/wporg-5ftf/css/objects/_pledge-form.scss Normal file
View file

@ -0,0 +1,59 @@
.pledge-form {
.form-field {
margin-bottom: ms(4);
label {
margin-bottom: ms(-5);
display: inline-block;
font-weight: 600;
font-size: 16px;
color: $color__text-input;
}
input[type="text"],
input[type="url"],
input[type="number"],
input[type="email"],
textarea {
display: block;
width: 100%;
padding: ms(-5) ms(-2);
background: $color__background-input;
border: 1px solid $color__border-input;
box-shadow: none;
}
input[type="number"] {
max-width: 10em;
height: auto;
}
> p {
margin-top: ms(-5);
font-size: ms(-2);
}
}
.form-field__logo {
input {
padding: ms(-6) 0;
line-height: 1;
}
}
.form-field__agree {
label {
margin-bottom: 0;
}
}
input[type="submit"] {
display: inline-block;
height: auto;
padding: ms(-3) ms(0);
font-weight: 600;
}
}

1
themes/wporg-5ftf/css/settings/_colors.scss
View file

@ -4,6 +4,7 @@ $color__background-hr: #eee;
$color__background-button: #eee;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;
$color__background-input: #f9f9f9;
$color__text-screen: #21759b;
$color__text-input: #32373c;