CSS Classnames

Default class names in version 3

Key	V3 class name
age-gate-html	.age-gate__restricted.age-gate__restricted--standard
age-gate-headline	.age-gate__headline
age-gate-wrapper	.age-gate__wrapper
age-gate-background-colour	.age-gate__background-colour
age-gate-background	.age-gate__background
age-gate-loader	.age-gate__loader
age-gate-loading-icon	.age-gate__loading-icon
age-gate	.age-gate
age-gate-form	.age-gate__form
age-gate-errors	.age-gate__errors
age-gate-error	.age-gate__error
age-gate-error-message	.age-gate__error-message
age-gate-remember-wrapper	.age-gate__remember-wrapper
age-gate-remember	.age-gate__remember
age-gate-remember-checkbox	.age-gate__remember-field
age-gate-remember-text	.age-gate__remember-text
age-gate-submit	.age-gate__submit
age-gate-additional-information	.age-gate__additional-information
age-gate-form-fields	.age-gate__fields
age-gate-form-elements	.age-gate__form-elements
age-gate-form-section	.age-gate__form-section
age-gate-d-label	.age-gate__label.age-gate__label--day
age-gate-m-label	.age-gate__label.age-gate__label--month
age-gate-y-label	.age-gate__label.age-gate__label--year
age-gate-d-input	.age-gate__input.age-gate__input--day
age-gate-m-input	.age-gate__input.age-gate__input--month
age-gate-y-input	.age-gate__input.age-gate__input--year
age-gate-d-select	.age-gate__select
age-gate-m-select	.age-gate__select
age-gate-y-select	.age-gate__select
age-gate-challenge	.age-gate__challenge
age-gate-buttons	.age-gate__buttons
age-gate-submit-yes	.age-gate__submit.age-gate__submit--yes
age-gate-submit-no	.age-gate__submit.age-gate__submit--no
age-gate-heading	.age-gate__heading
age-gate-heading-title	.age-gate__heading-title
age-gate-logo	.age-gate__heading-title.age-gate__heading-title--logo
age-gate-logo-image	.age-gate__logo-image
age-gate-subheadline	.age-gate__subheadline
age-gate-video	.age-gate__video

Class names in version 3 using v2 syntax

Key	V2 class name
age-gate-html	.age-gate-restricted.age-gate-restricted-standard
age-gate-headline	.age-gate-headline
age-gate-wrapper	.age-gate-wrapper
age-gate-background-colour	.age-gate-background-colour
age-gate-background	.age-gate-background
age-gate-loader	.age-gate-loader
age-gate-loading-icon	.age-gate-loading-icon
age-gate	.age-gate
age-gate-form	.age-gate-form
age-gate-errors	.age-gate-errors
age-gate-error	.age-gate-error
age-gate-error-message	.age-gate-error-message
age-gate-remember-wrapper	.age-gate-remember-wrapper
age-gate-remember	.age-gate-remember
age-gate-remember-checkbox	.age-gate-remember-field
age-gate-remember-text	.age-gate-remember-text
age-gate-submit	.age-gate-submit
age-gate-additional-information	.age-gate-additional-information
age-gate-form-fields	.age-gate-fields
age-gate-form-elements	.age-gate-form-elements
age-gate-form-section	.age-gate-form-section
age-gate-d-label	.age-gate-label.age-gate-label-day
age-gate-m-label	.age-gate-label.age-gate-label-month
age-gate-y-label	.age-gate-label.age-gate-label-year
age-gate-d-input	.age-gate-input.age-gate-input-day
age-gate-m-input	.age-gate-input.age-gate-input-month
age-gate-y-input	.age-gate-input.age-gate-input-year
age-gate-d-select	.age-gate-select
age-gate-m-select	.age-gate-select
age-gate-y-select	.age-gate-select
age-gate-challenge	.age-gate-challenge
age-gate-buttons	.age-gate-buttons
age-gate-submit-yes	.age-gate-submit.age-gate-submit-yes
age-gate-submit-no	.age-gate-submit.age-gate-submit-no
age-gate-heading	.age-gate-heading
age-gate-heading-title	.age-gate-heading-title
age-gate-logo	.age-gate-heading-title.age-gate-heading-title-logo
age-gate-logo-image	.age-gate-logo-image
age-gate-subheadline	.age-gate-subheadline
age-gate-video	.age-gate-video

← CSS Variables

Adding custom class names and attributes →