Elements library
Library of all the stylistic elements that we use on the website that aren't core to the structure but still the most repeatable global classes that will streamline the building process.
Buttons
HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.
Navigation:
Skewed Elements
Manage recurring text and background colors. DO NOT link any colours directly to the brand variables — look for the element's specified colour variable instead.
HTML tags define default text styles.
Sizes (Height)
CArds
Defined and flexible core structure we can use on all or most pages. Please adhere to the following structure, where 'X' is size:
Sizes (Height)
Dropdowns
Library of all the stylistic elements that we use on the website that aren't core to the structure but still the most repeatable global classes that will streamline the building process.
Elements like: Buttons, Cards, FAQs etc. will go here. This is NOT for hosting previous versions of these elements, and this page should always be up-to-date with the current styling of elements.
FAQ Dropdown
PLace these inside faq-wrapper
Sizes (Height)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Yes. Clients can connect Fitr to Apple Health (iOS) or Google Health Connect (Android) to automatically import their nutrition data, removing the need for manual logging and keeping coaches updated with accurate daily intake.
Icons
Culmination of all the classes that we use on the website that aren't core to the structure but still the most repeatable global classes that will streamline the building process
Icons
Unify icons sizes. icon-height sets height of icons. icon-1x1 sets both height and width of icons.
