diff --git a/themes/wporg-5ftf-2024/src/pledge-edit-button/style.scss b/themes/wporg-5ftf-2024/src/pledge-edit-button/style.scss index bfd3179..9f3815f 100644 --- a/themes/wporg-5ftf-2024/src/pledge-edit-button/style.scss +++ b/themes/wporg-5ftf-2024/src/pledge-edit-button/style.scss @@ -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; - } -} diff --git a/themes/wporg-5ftf-2024/src/style/_pledge-email-form.scss b/themes/wporg-5ftf-2024/src/style/_pledge-email-form.scss new file mode 100644 index 0000000..ef99b62 --- /dev/null +++ b/themes/wporg-5ftf-2024/src/style/_pledge-email-form.scss @@ -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; + } +} diff --git a/themes/wporg-5ftf-2024/src/style/style.scss b/themes/wporg-5ftf-2024/src/style/style.scss index 2efae4b..96bb8b4 100644 --- a/themes/wporg-5ftf-2024/src/style/style.scss +++ b/themes/wporg-5ftf-2024/src/style/style.scss @@ -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,