diff options
Diffstat (limited to 'site/assets/scss/_brand.scss')
-rw-r--r-- | site/assets/scss/_brand.scss | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/site/assets/scss/_brand.scss b/site/assets/scss/_brand.scss new file mode 100644 index 0000000..9637cfb --- /dev/null +++ b/site/assets/scss/_brand.scss @@ -0,0 +1,60 @@ +// +// Brand guidelines +// + +// Logo series wrapper +.bd-brand-logos { + color: $bd-violet; + + .inverse { + color: $white; + background-color: $bd-violet; + } +} + +// Individual items +.bd-brand-item { + + .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 { + 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; + + @include media-breakpoint-up(md) { + width: 6rem; + height: 6rem; + } +} |