diff options
Diffstat (limited to 'plugins/jetpack/modules/sharedaddy/amp-sharing.css')
-rw-r--r-- | plugins/jetpack/modules/sharedaddy/amp-sharing.css | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/sharedaddy/amp-sharing.css b/plugins/jetpack/modules/sharedaddy/amp-sharing.css new file mode 100644 index 00000000..5d7932e0 --- /dev/null +++ b/plugins/jetpack/modules/sharedaddy/amp-sharing.css @@ -0,0 +1,119 @@ +amp-social-share, +.amp-social-share { + border-radius: 50%; + color: #fff; + -webkit-border-radius: 50%; + position: relative; + line-height: 1; + width: 32px; + height: 32px; + margin: 0 5px 5px 0; + vertical-align: middle; +} + +amp-social-share::before, +.amp-social-share::before { + display: inline-block; + font: normal 18px/1 'social-logos'; + padding: 7px; + position: relative; + top: 1px; + vertical-align: top; + text-align: center; +} + +.amp-social-share.print { + background: #e9e9e9; + font-size: 0; + cursor: pointer; + display: inline-block; + vertical-align: middle; + border: none; + padding: 0; +} + +.amp-social-share.print::before { + content: '\f469'; + color: #656565; +} + +amp-social-share[type='tumblr'] { + background: #2c4762; +} + +amp-social-share[type='tumblr']::before { + content: '\f607'; +} + +amp-social-share[type='facebook'] { + background: #1877F2; +} + +amp-social-share[type='facebook']::before { + content: '\f203'; +} + +amp-social-share[type='twitter'] { + background: #00acee; +} + +amp-social-share[type='twitter']::before { + content: '\f202'; +} + +amp-social-share[type='pinterest'] { + background: #ca1f27; +} + +amp-social-share[type='pinterest']::before { + content: '\f210'; +} + +amp-social-share[type='telegram'] { + background: #0088cc; +} + +amp-social-share[type='telegram']::before { + content: '\f606'; +} + +amp-social-share[type='linkedin'] { + background: #0077b5; +} + +amp-social-share[type='linkedin']::before { + content: '\f207'; +} + +amp-social-share[type='pocket'] { + background: #ee4056; +} + +amp-social-share[type='pocket']::before { + content: '\f224'; +} + +amp-social-share[type='reddit'] { + background: #cee3f8; + color: #555; +} + +amp-social-share[type='reddit']::before { + content: '\f222'; +} + +amp-social-share[type='skype'] { + background: #00AFF0; +} + +amp-social-share[type='skype']::before { + content: '\f220'; +} + +amp-social-share[type='whatsapp'] { + background: #43d854; +} + +amp-social-share[type='whatsapp']::before { + content: '\f608'; +} |