mirror of
https://github.com/WordPress/five-for-the-future.git
synced 2025-07-12 13:25:45 +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
3 changed files with 19 additions and 18 deletions
|
@ -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…
Add table
Add a link
Reference in a new issue