The anchor collapse for mobile devices, used in combination with the anchor navigation.
Used in combination with the anchor-navigation, on mobile a collapse is shown. On desktop just the regular content.
The anchor collapse consists of:
- Section: Wrapper to scroll-to;
- Label/Summary: Same as the Heading 2;
- Content/Details: Content of the block;
The anchor collapse has the following states active, hover and focus.
- Label inactive: TheSans/lg/700
- Label active: TheSans/lg/700
- Label inactive: text color Grey/5
- Label active: text color Green/3
- Label focus: text color Green/3
- Label hover: text color Green/3
[technical requirements]