2015-12-20 05:58:40 +01:00
|
|
|
//
|
|
|
|
// Logo
|
|
|
|
// ---
|
|
|
|
// bigchain.io
|
|
|
|
//
|
|
|
|
|
|
|
|
// default logo
|
|
|
|
.logo {
|
2016-02-02 20:23:02 +01:00
|
|
|
fill: $brand-main-blue;
|
|
|
|
color: $brand-main-green; // the fill="currentColor" trick
|
2015-12-20 05:58:40 +01:00
|
|
|
width: 300px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2016-02-02 19:33:37 +01:00
|
|
|
//
|
|
|
|
// Color modifiers
|
|
|
|
//
|
|
|
|
.logo--white {
|
|
|
|
fill: #fff;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
2016-02-02 20:23:02 +01:00
|
|
|
.logo--white--green {
|
|
|
|
fill: #fff;
|
|
|
|
color: $brand-main-green;
|
|
|
|
}
|
|
|
|
|
2016-02-02 19:33:37 +01:00
|
|
|
|
2015-12-20 05:58:40 +01:00
|
|
|
//
|
|
|
|
// size modifiers
|
|
|
|
//
|
|
|
|
.logo--sm {
|
2016-02-09 12:15:41 +01:00
|
|
|
width: 75px;
|
2016-02-07 23:40:26 +01:00
|
|
|
height: 15px;
|
2015-12-20 05:58:40 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.logo--full {
|
|
|
|
display: block;
|
2015-12-22 16:07:37 +01:00
|
|
|
width: 100%;
|
2015-12-20 05:58:40 +01:00
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
//
|
|
|
|
// color modifiers
|
|
|
|
//
|
2015-12-22 16:07:37 +01:00
|
|
|
.logo--dark {
|
|
|
|
fill: $brand-main-blue-dark;
|
2015-12-20 05:58:40 +01:00
|
|
|
}
|