Goodman Orthodontics is committed to facilitating the accessibility and usability of its website, https://www.goodmanortho.com/, for everyone. Goodman Orthodontics aims to comply with all applicable standards, including the World Wide Web Consortiums Web Content Accessibility Guidelines 2.0 up to Level AA (WCAG 2.0 AA). Goodman Orthodontics is proud of the efforts that we have completed and that are in-progress to ensure that our website is accessible to everyone.
We highly recommend using the userway accessibility widget linked in the footer, but should you experience any difficulty in accessing any part of this website, please feel free to call us at (619) 749-4033 or email us at firstname.lastname@example.org and we will work with you to provide the information or service you seek through an alternate communication method that is accessible for you consistent with applicable law (for example, through telephone support).
See style-guide-component component in components for reference.
This is the 'BaseBackground' component, it can be passed a prop (':bgColor') to change the background color. The prop takes a string of the hex-code of the color. Its default styling is set to bg position, center and bg size as cover.
This is the 'BaseImage' component with the ':imageBackground' prop in it's default, 'false', it is positioned relative with a flex-shrink: 0 so it will behave more closely to an img tag.
This is the 'BaseImage' component with the ':imageBackground' prop toggled true it is now positioned absolute and will behave like a background image on a div.
The grid is not intended to be nested, it is a simple sass grid