1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-25 02:46:10 +01:00
site/_src/_assets/styles/bigchain/_logo.scss
2017-05-31 18:43:00 +02:00

75 lines
1.0 KiB
SCSS

//
// Logo
// ---
// bigchaindb.com
//
// default logo
.logo {
fill: $brand-main-blue;
color: $brand-main-green; // the fill="currentColor" trick
width: 300px;
height: 60px;
display: block;
}
//
// Color modifiers
//
.logo--white {
fill: #fff;
color: #fff;
}
.logo--white--green {
fill: #fff;
color: $brand-main-green;
}
.logo--dark {
fill: $brand-main-blue-dark;
}
//
// size modifiers
//
.logo--sm {
width: 140px;
height: 30px;
}
.logo--full {
display: block;
width: 100%;
height: auto;
}
.logo-enterprise {
.logo {
@extend .logo--sm;
display: inline-block;
}
}
.logo-enterprise--text {
font-size: $font-size-h3 * 1.05;
display: inline-block;
color: #fff;
padding-left: $spacer;
position: relative;
top: -3px;
&:before {
content: '';
position: absolute;
left: $spacer / 3;
width: 1px;
height: 100%;
background: $brand-main-violet;
display: block;
}
}