// // Page: Community // --- // bigchain.io // .page-community { .header { background-image: url('../img/photo2.jpg'); background-position: center top; } } .section-community, .section-conduct { @extend .text-center; } .section-community { position: relative; // make room for BuffyDB padding-bottom: 200px; @media ($screen-lg) { padding-bottom: 0; } .section-header { .section-description { margin-bottom: ($spacer * 2); } } .grid h1 { @extend .h3; margin-top: 0; } .buffy { @extend .img--responsive; vertical-align: bottom; height: 220px; position: absolute; bottom: 0; right: 0; } .social-link { &, .icon { @extend .transition; } box-shadow: none; padding: $btn-padding-y-sm $btn-padding-x-sm; &:hover, &:focus { background: none; .icon { fill: lighten($brand-primary, 10%); filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4)); transform: translateY(-1px); } } &:active { outline: 0; .icon { fill: $brand-primary; filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3)); transform: translateY(0); } } .icon { fill: $brand-primary; width: 1.5rem; height: 1.5rem; } } }