"Sticky Note"

Width of main content area (the area to the right of the navigation on EVERY page): 625 px wide

Feature Image Size:

• Dept A Carousel: 930 x 450 px
• Dept A Hero and Tabs: 930 x 300 px
• Dept B: 940 x 450 px
• Dept C: 2000 x 425 px

Image size when used with text wrapping: 200 x 200 px size looks best

Creating a button:

1. Create hyperlink
   
2. Click on the S (styles dropdown)
3. Select Button in that list

Available CSS Classes (added to CSS Class field in components):

• break-before: Adds padding above component (OU Image, OU Text, and OU Text Image)
• break-after: Adds padding below component (OU Image, OU Text, and OU Text Image)
• emphasis: Creates a pull quote style for text (OU Text, and OU Text Image)
• image-margin-left: Wraps text around an image when image aligned to the right (margin on left side of image) (OU Text Image)
• image-margin-right: Wraps text around an image when image aligned to the left (margin on right side of image) (OU Text Image)
• profile: Adds a box (Dept A/B, filled in grey box; Dept C, grey outline) around component (OU Text Image)
• well: Adds grey (filled in) box around component (OU Image, OU Text, and OU Text Image)