// // Brand guidelines // // Logo series wrapper .bd-brand-logos { color: $bd-purple; .inverse { color: $white; background-color: $bd-purple; } } // Individual items .bd-brand-item { width: 100%; padding: 4rem 1rem; + .bd-brand-item { border-top: 1px solid $white; } @include media-breakpoint-up(md) { + .bd-brand-item { border-top: 0; border-left: 1px solid $white; } } } // // Color swatches // .color-swatches { display: flex; margin: 0 -5px; // Docs colors .bd-purple { background-color: $bd-purple; } .bd-purple-light { background-color: $bd-purple-light; } .bd-purple-lighter { background-color: #e5e1ea; } .bd-gray { background-color: #f9f9f9; } } .color-swatch { width: 4rem; height: 4rem; margin-right: .25rem; margin-left: .25rem; @include border-radius(); @include media-breakpoint-up(md) { width: 6rem; height: 6rem; } }