.pn-questionnaire | Root wrapper, also carries the data-questionnaire attribute |
.pn-questionnaire__intro | Intro screen container |
.pn-questionnaire__intro-text | Introduction text area |
.pn-questionnaire__intro-actions | Start button wrapper |
.pn-questionnaire__intro-footer | Text below the start button |
.pn-questionnaire__step | Question step container, carries data-active-step |
.pn-questionnaire__progress | Progress indicator wrapper, from the Progress partial |
.pn-questionnaire__progress-bar | Grey track of the progress bar |
.pn-questionnaire__progress-fill | Coloured fill; width set inline |
.pn-questionnaire__progress-text | "Step X of Y" on a question, "Completed" on the result page |
.pn-questionnaire__progress-note | Dynamic steps note below the bar |
.pn-questionnaire__context-content | Embedded tt_content element |
.pn-questionnaire__question-text | Question text area |
.pn-questionnaire__help-text | Help text below the question |
.pn-questionnaire__form | The answer form |
.pn-questionnaire__answers | Fieldset wrapping all answer inputs |
.pn-questionnaire__answer-option | Wrapper for one answer option |
.pn-questionnaire__answer-option--radio | Modifier for radio inputs |
.pn-questionnaire__answer-option--checkbox | Modifier for checkbox inputs |
.pn-questionnaire__answer-option--yes-no | Modifier for yes/no inputs |
.pn-questionnaire__radio | Radio input |
.pn-questionnaire__checkbox | Checkbox input |
.pn-questionnaire__answer-label | Label of an answer option |
.pn-questionnaire__scale | Scale question wrapper |
.pn-questionnaire__scale--radio | Modifier: radio button display |
.pn-questionnaire__scale--range | Modifier: range slider display |
.pn-questionnaire__scale-options | Row of scale radio buttons |
.pn-questionnaire__scale-option | One scale value |
.pn-questionnaire__scale-label | Label of one radio scale value |
.pn-questionnaire__scale-range-track | Wrapper for slider input and output |
.pn-questionnaire__scale-range-label--min | Min endpoint label |
.pn-questionnaire__scale-range-label--max | Max endpoint label |
.pn-questionnaire__range | The range input element |
.pn-questionnaire__range-value | The output element showing the live value |
.pn-questionnaire__error | Client-side validation message, hidden by default |
.pn-questionnaire__required-mark | Asterisk after the text of a required question |
.pn-questionnaire__nav | Previous / Next / Start over wrapper |
.pn-questionnaire__btn | Base button class |
.pn-questionnaire__btn--primary | Primary action button |
.pn-questionnaire__btn--secondary | Secondary action button |
.pn-questionnaire__btn--reset | Start over button |
.pn-questionnaire__result | Result container |
.pn-questionnaire__result--error | Modifier when no result page matched |
.pn-questionnaire__result-headline | Result headline |
.pn-questionnaire__result-score | Score display |
.pn-questionnaire__result-body | Result body text |
.pn-questionnaire__result-cta | Call-to-action button wrapper |
.pn-questionnaire__result-reset | Start over button on the result page |
.pn-questionnaire__advice-blocks | Advice blocks container |
.pn-questionnaire__advice-block | One advice block |
.pn-questionnaire__advice-block--always | Modifier for always-visible blocks |
.pn-questionnaire__advice-block--score_range | Modifier for score-range blocks |
.pn-questionnaire__advice-block--specific_answer | Modifier for specific-answer blocks |
.pn-questionnaire__advice-block--scale_range | Modifier for scale-range blocks |
.pn-questionnaire__advice-block-headline | Advice block headline |
.pn-questionnaire__advice-block-body | Advice block body text |
.pn-questionnaire__answer-summary | Answer summary container |
.pn-questionnaire__summary-item | One question and answer pair |
.pn-questionnaire__summary-question | Question text in the summary |
.pn-questionnaire__summary-answers | Answer text in the summary |
.pn-questionnaire__saved-result-copylink | Copy button next to the retrieval link |
.pn-questionnaire__saved-result-status | Live region reporting the copy result |