ASULC - Adelaide Shoulder and Upper Limb Clinic
CSS Class Guide
Infobox Module Classes
Content Hero Background
Place this class on the row
asulc-content__header-dark-gradient
Content Hero Infobox
Place this class on infobox
asulc-infobox__content-dark
Full-bleed bg image left
Place this class on the row
asulc-home__grid-img-left
Full-bleed text on right
Use in conjunction with above class on row; this class on infobox
asulc-infobox__content
Background gradient
Place this class on row to apply gradient effect
asulc-content__gradient-light
Infobox content
Place this class on infobox. Note: you can change the alignment from center to left in the infobox settings
asulc-infobox__content-text
Two column bullet/ordered list
Place this class on a Text Editor module
asulc-list__2cols
Two-thirds text
Please this class on infobox in conjuction with .asulc-infobox__content-text
asulc-infobox__two-thirds
Button only CTA
Place this class on infobox. Add .asulc-content__gradient-light to the parent row to get gradient background effect
asulc-content__cta-link
Full row CTA background
Place this class on row
asulc-content__cta
Full row CTA
Place this class on row
asulc-content__cta
CTA whtie background with box shadow
Place this class on column
asulc-home__search