site/_src/_assets/styles/bigchain/_logo.scss

52 lines
582 B
SCSS

//
// Logo
// ---
// bigchain.io
//
// default logo
.logo {
fill: $brand-main-blue;
color: $brand-main-green; // the fill="currentColor" trick
width: 300px;
height: 30px;
display: block;
}
//
// Color modifiers
//
.logo--white {
fill: #fff;
color: #fff;
}
.logo--white--green {
fill: #fff;
color: $brand-main-green;
}
//
// size modifiers
//
.logo--sm {
width: 120px;
height: 25px;
}
.logo--full {
display: block;
width: 100%;
height: auto;
}
//
// color modifiers
//
.logo--dark {
fill: $brand-main-blue-dark;
}