1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 18:36:11 +01:00
site/_src/_assets/styles/bigchain/_team.scss
Matthias Kretschmann 2c39ab89c7 New band members (#89)
* new team members
* switch to alphabetic order by first name
* more spacious team grid
2017-01-11 11:19:41 +01:00

85 lines
1.4 KiB
SCSS

//
// Team Unit
// ---
// bigchain.io
//
// Base class
.team {}
.team__image {
@extend .img--responsive;
background: $gray;
width: 230px;
clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.team__name {
@extend .h5;
color: $text-color;
margin-bottom: 0;
// the bottom line
&:after {
content: "";
height: 1px;
width: 3rem;
display: block;
margin: ($spacer / 1.3) auto ($spacer / 2) auto;
background: $brand-main-blue-light;
}
}
.team__position {
@extend .text-dimmed;
margin-bottom: ($spacer / 2);
}
.team__social {
margin-bottom: 0;
}
.team__social__link {
display: inline-block;
margin: 0 ($spacer / 2);
box-shadow: none;
&,
&:hover,
&:focus {
background: transparent;
}
&:hover,
&:focus {
transform: translateY(-1px);
filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
}
&:active {
filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
outline: 0;
transform: none;
}
.icon {
fill: $brand-primary;
}
}
//
// Grid redefinition: more spacious
//
$spacer-team: 4rem;
.grid--team {
margin: -($spacer-team) 0 $spacer-team (-($spacer-team));
> .grid__col {
padding: $spacer-team 0 0 $spacer-team;
}
}