| /* EA Share Count | |
| --------------------------------------------- */ | |
| .ea-share-count-wrap { | |
| @include clearfix; | |
| .ea-share-count-button.style-box { | |
| background: $grey_4; | |
| box-shadow: 0 2px 4px 0 rgba( $black, .5 ); | |
| color: $white; | |
| display: block; | |
| float: left; | |
| line-height: 1; | |
| height: 44px; | |
| overflow: hidden; | |
| padding: 12px 0 0; | |
| margin: 0; | |
| text-align: center; | |
| width: 100px / 6px * 100%; // 6 = number of services | |
| @include media(">=tablet") { | |
| width: 44px; | |
| } | |
| &:hover { | |
| background: darken( $grey_4, 10% ); | |
| text-decoration: none; | |
| } | |
| &:first-child { | |
| border-radius: 6px 0 0 6px; | |
| } | |
| &:last-child { | |
| border-radius: 0 6px 6px 0; | |
| } | |
| &.facebook { | |
| background: $bc_facebook; | |
| &:hover { | |
| background: darken( $bc_facebook, 10% ); | |
| } | |
| @include media(">=tablet"){ | |
| width: calc( 100% - 220px ); // 220 = 44px * 5 (share services - 1) | |
| .ea-share-count-label { | |
| display: inline; | |
| margin-left: 16px; | |
| font-weight: 400; | |
| } | |
| } | |
| } | |
| &.twitter { | |
| background: $bc_twitter; | |
| &:hover { | |
| background: darken( $bc_twitter, 10% ); | |
| } | |
| } | |
| &.google { | |
| background: $bc_googleplus; | |
| &:hover { | |
| background: darken( $bc_googleplus, 10% ); | |
| } | |
| } | |
| &.pinterest { | |
| background: $bc_pinterest; | |
| &:hover { | |
| background: darken( $bc_pinterest, 10% ); | |
| } | |
| } | |
| &.print { | |
| background: $bc_print; | |
| &:hover { | |
| background: darken( $bc_print, 10% ); | |
| } | |
| } | |
| &.email { | |
| background: $bc_email; | |
| &:hover { | |
| background: darken( $bc_email, 10% ); | |
| } | |
| } | |
| .ea-share-count-label { | |
| display: none; | |
| font-size: 16px; | |
| font-weight: 600; | |
| letter-spacing: 0; | |
| } | |
| } | |
| } |