Style Guide
Color
Typography
Components
Layout
Components
Using Components
Copy parent element of component
Paste into project
If any adjustments are needed to the instance of the component, add a compound class to the edited element(s)
Global components are prefixed with "ap" to be able to identify when to use combo classes in the project / to prevent global style edits
.ap-button
{
Button
}
.ap-button-transparent
{
Button
}
.ap-button-light
{
Button
}
.ap-button-light-transparent
{
Button
}
.ap-image-wrapper
.ap-bracket-header-wrapper
Apply for Academy
}