Styles: Move email form styles to main CSS

This form is also used on the Manage Pledge page, so the CSS needs to be always loaded from the theme.
This commit is contained in:
Kelly Dwan 2024-09-02 12:27:43 -04:00
parent fd86d4bbe5
commit 27163d33b2
No known key found for this signature in database
GPG key ID: 8BA5575F3D11575D
3 changed files with 19 additions and 18 deletions

View file

@ -43,21 +43,3 @@
display: none;
}
}
.pledge-email-form {
label {
display: inline-block;
margin-bottom: 4px;
}
input[type="email"] {
display: block;
width: 100%;
margin: 0 0 var(--wp--preset--spacing--10) 0;
box-shadow: none;
}
.message {
margin: 0 0 var(--wp--preset--spacing--10) 0;
}
}

View file

@ -0,0 +1,18 @@
.pledge-email-form {
label {
display: inline-block;
margin-bottom: 4px;
}
input[type="email"] {
display: block;
margin: 0 0 var(--wp--preset--spacing--10) 0;
width: 100%;
max-width: 30em;
box-shadow: none;
}
.message {
margin: 0 0 var(--wp--preset--spacing--10) 0;
}
}

View file

@ -5,6 +5,7 @@
@import "notice";
@import "pledge-form";
@import "pledge-email-form";
/* Add default focus style. */
:where(main) a:where(:not(.wp-element-button,.wp-block-wporg-link-wrapper)):focus,