To render a divider, apply the class
chi-divider to an
To render a vertical divider, apply
-vertical and ensure the parent container has a height specified.
-inverse class to render dividers on dark backgrounds.
Add text to a divider and apply the class
-label to include a label.
This method is especially useful for login and sign up forms.
Label text size can be changed by applying text utility classes such as
The CenturyLink Color Bar is a brand element that represents the combined companies that comprise the new CenturyLink. It can be placed on the top or bottom of containers and must be used in the color order shown. The length can fluctuate to accent the design, as long as the dark blue is the shortest color, vibrant blue is larger than dark blue, and mint green is the longest color.
To render a colored divider apply the class
-colorbar to a divider.
Use border top utilities such as
-bt--4 to customize a dividers size.