mirror of
https://github.com/bigchaindb/site.git
synced 2024-11-01 15:55:36 +01:00
63 lines
1.1 KiB
SCSS
63 lines
1.1 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: 2px;
|
|
width: 3rem;
|
|
display: block;
|
|
margin: ($spacer / 2) auto;
|
|
background: $gray-lightest;
|
|
}
|
|
}
|
|
|
|
.team__position {
|
|
@extend .text-dimmed;
|
|
margin-bottom: ($spacer / 2);
|
|
}
|
|
|
|
.team__social {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.team__social__link {
|
|
display: inline-block;
|
|
margin: 0 ($spacer / 4);
|
|
|
|
.icon {
|
|
@extend .transition;
|
|
width: 1rem;
|
|
height: 1rem;
|
|
stroke: none;
|
|
fill: rgba($link-color, .4);
|
|
}
|
|
|
|
&:hover,
|
|
&:focus {
|
|
.icon--twitter { fill: #55acee }
|
|
.icon--facebook { fill: #3b5998 }
|
|
.icon--linkedin { fill: #0077b5 }
|
|
.icon--github { fill: #4183c4 }
|
|
}
|
|
}
|