Utilities - Borders | Crossroads Digital Design Kit

Please Note: These border utility classes rely on a predefined color variable within this styleguide, located here.

Group of Classes CSS border-*
.no-borders border: none;
.border-top border-top: 1px solid $cr-gray-lighter;
.border-bottom border-bottom: 1px solid $cr-gray-lighter;
.border-left border-left: 1px solid $cr-gray-lighter;
.border-right border-right: 1px solid $cr-gray-lighter;
.border-ends border-top: 1px solid $cr-gray-lighter;
border-bottom: 1px solid $cr-gray-lighter;
.border-sides border-right: 1px solid $cr-gray-lighter;
border-left: 1px solid $cr-gray-lighter;
.border-width-3 border-width: 3px;
.no-border-radius border-radius: 0;