Author
SCSS Location: /styles/scss/partial/_author.scss- Status: Design
- Status: Development
- Status: Documentation
Description
An Author region that adds attribution to posts with an image, heading, subheading, link, and expandable description for each author.
Guidelines
The Author description is expandable if the description is 400 characters or more.
For expandable descriptions, the author__description
div should be given a class of is-faded
and an attribute of data-author="description"
For expandable descriptions, include the "Read More about" button markup, which should dynamically include the first name of the chosen author.
When the "Read More" button is clicked, the rotation of the chevron icon and the words "More" and "Less" should be toggled to reflect the state of the description.
When the "Read More" button is clicked, the aria-expanded
attribute should be updated to reflect the state of the description.
Usage
The Author region is displayed below the body copy of a Resource Detail page.
This section can display one or more authors.