Section Block

[spelkey-ucd]

New layout class: layout-section: Patternlab
Implemented to fix brand color contrast issues when using background colors and images: Readme on Branding Colors

Modifications

• layout-section--force-contrast
• Brand background color e.g. layout-section--double-decker
• Non brand light background color layout-section--dark-on-light - choose from certain tints
• Non brand dark background color - Layout-section--light-on-dark. skip implementation?
• Background image - layout-section__bg-image Patternlab
• Film over background image - layout-section__bg-image--darken Patternlab
• l-gutter and l-gutter–narrow modifiers
• watercolors?