mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-24 11:53:45 +03:00
619af97bd1
Adding the `button` mixin into `input[type="submit"] caused conflicts with the other button classes (`.button-primary`) due to specificity. The button classes should be used on all buttons instead. This also updates which button on the Manage Pledge form is the "primary" action, since it's easy to skip the Update button when it's not primary.
121 lines
1.6 KiB
SCSS
121 lines
1.6 KiB
SCSS
.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;
|
|
}
|
|
|
|
[id*="help"] p {
|
|
margin-top: ms(-5);
|
|
font-size: ms(-2);
|
|
}
|
|
}
|
|
|
|
.form-field__logo {
|
|
|
|
input {
|
|
padding: ms(-6) 0;
|
|
line-height: 1;
|
|
}
|
|
}
|
|
|
|
.form-field__agree {
|
|
|
|
input {
|
|
margin-top: 0;
|
|
}
|
|
|
|
label {
|
|
display: inline;
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
.button {
|
|
display: inline-block;
|
|
height: auto;
|
|
padding: ms(-3) ms(0);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.contributor-list-heading {
|
|
margin: 1rem 0;
|
|
}
|
|
|
|
.contributor-list {
|
|
margin-bottom: 1.5rem;
|
|
|
|
th,
|
|
td,
|
|
th *,
|
|
td * {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
thead {
|
|
background-color: #fff;
|
|
color: inherit;
|
|
|
|
th {
|
|
border-bottom-color: $color-gray-light-700;
|
|
}
|
|
}
|
|
|
|
tr > * {
|
|
border-top-color: $color-gray-light-700;
|
|
|
|
&:first-child {
|
|
border-left-color: $color-gray-light-700;
|
|
}
|
|
|
|
&:last-child {
|
|
border-right-color: $color-gray-light-700;
|
|
}
|
|
}
|
|
|
|
tr:last-child > * {
|
|
border-bottom-color: $color-gray-light-700;
|
|
}
|
|
|
|
.avatar {
|
|
margin-right: 8px;
|
|
}
|
|
|
|
.button-link-delete {
|
|
text-decoration: none;
|
|
|
|
.dashicons {
|
|
margin-top: -2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pledge-contributors.pledge-status__draft .resend-confirm {
|
|
display: none;
|
|
}
|
|
}
|