6.6.1 #Organisms.footer.newsletter-subscription-footer Newsletter Subscription Footer
Toggle example guides Toggle HTML markup
Defines styles for the newsletter subscription form in the footer.
Example
Markup
<div class="page__footer" style="padding: 2rem;">
<div class="newsletter-subscription-footer block block-webform block-webform-block">
<form class="webform-submission-form" action="/" method="post">
<div class="webform-elements js-form-wrapper form-wrapper">
<div class="js-form-item form-item js-form-type-email form-type-email js-form-item-email form-item-email form-no-label">
<label for="edit-email" class="visually-hidden js-form-required form-required">Email</label>
<input type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Enter your email to subscribe to our newsletter" class="form-email required" required="required" aria-required="true">
</div>
<div class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions--2">
<input class="webform-button--submit button button--primary js-form-submit form-submit" type="submit" id="edit-actions-submit" name="op" value="Submit">
</div>
</div>
</form>
</div>
</div>
Source:
docroot/themes/contrib/district_base/styles/scss/components/webform/_webform--newsletter-subscription-footer.scss
, line 5