mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-04-18 17:33:43 +03:00
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:
parent
fd86d4bbe5
commit
27163d33b2
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
18
themes/wporg-5ftf-2024/src/style/_pledge-email-form.scss
Normal file
18
themes/wporg-5ftf-2024/src/style/_pledge-email-form.scss
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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,
|
||||
|
|
Loading…
Reference in a new issue