Classes and Selectors Background Colors

Old Version

This documentation is for version Framework 4.1. When developing new sites, please refer to 5.0 Framework Documentation.

Skill Level: 
Intermediate

Class

.wdn-light-triad-band
Provides a background-color in the triad color family

Code Preview


     <div class="wdn-band wdn-light-triad-band">
        ...
     </div>
   

Class

.wdn-light-complement-band
Provides a background-color in the complement color family

Code Preview


     <div class="wdn-band wdn-light-complement-band">
        ...
     </div>
   

Class

.wdn-light-neutral-band
Provides a background-color in the neutral color family

Code Preview


     <div class="wdn-band wdn-light-neutral-band">
        ...
     </div>
   

Class

.wdn-band-triad-seperator
Provides a top/bottom border in the triad color family

Code Preview


     <div class="wdn-band wdn-band-triad-seperator">
        ...
     </div>

Class

.wdn-band-complement-seperator
Provides a top/bottom border in the complement color family

Code Preview


     <div class="wdn-band-complement-seperator">
        ...
     </div>

Class

.wdn-band-neutral-seperator
Provides a top/bottom border in the neutral color family

Code Preview


     <div class="wdn-band wdn-band-neutral-seperator">
        ...
     </div>

Contributed By: 
IIM