@odilo/button
Version:
Share buttons components for Angular and Ionic.
1 lines • 2.84 kB
CSS
.sb-outline .sb-wrapper{color:var(--button-color);transition:.3s;border:2px solid;border-radius:.2em;background-color:#fff;font:inherit;line-height:1;height:2.5em}.sb-outline .sb-wrapper.sb-facebook{color:#4267b2}.sb-outline .sb-wrapper.sb-facebook:hover{box-shadow:inset 0 0 0 2em #4267b2}.sb-outline .sb-wrapper.sb-twitter{color:#00acee}.sb-outline .sb-wrapper.sb-twitter:hover{box-shadow:inset 0 0 0 2em #00acee}.sb-outline .sb-wrapper.sb-google{color:#db4437}.sb-outline .sb-wrapper.sb-google:hover{box-shadow:inset 0 0 0 2em #db4437}.sb-outline .sb-wrapper.sb-mix{color:#ff8226}.sb-outline .sb-wrapper.sb-mix:hover{box-shadow:inset 0 0 0 2em #ff8226}.sb-outline .sb-wrapper.sb-line{color:#00b900}.sb-outline .sb-wrapper.sb-line:hover{box-shadow:inset 0 0 0 2em #00b900}.sb-outline .sb-wrapper.sb-linkedin{color:#006fa6}.sb-outline .sb-wrapper.sb-linkedin:hover{box-shadow:inset 0 0 0 2em #006fa6}.sb-outline .sb-wrapper.sb-pinterest{color:#bd081c}.sb-outline .sb-wrapper.sb-pinterest:hover{box-shadow:inset 0 0 0 2em #bd081c}.sb-outline .sb-wrapper.sb-reddit{color:#ff4006}.sb-outline .sb-wrapper.sb-reddit:hover{box-shadow:inset 0 0 0 2em #ff4006}.sb-outline .sb-wrapper.sb-tumblr{color:#36465d}.sb-outline .sb-wrapper.sb-tumblr:hover{box-shadow:inset 0 0 0 2em #36465d}.sb-outline .sb-wrapper.sb-whatsapp{color:#25d366}.sb-outline .sb-wrapper.sb-whatsapp:hover{box-shadow:inset 0 0 0 2em #25d366}.sb-outline .sb-wrapper.sb-messenger{color:#0080ff}.sb-outline .sb-wrapper.sb-messenger:hover{box-shadow:inset 0 0 0 2em #0080ff}.sb-outline .sb-wrapper.sb-telegram{color:#08c}.sb-outline .sb-wrapper.sb-telegram:hover{box-shadow:inset 0 0 0 2em #08c}.sb-outline .sb-wrapper.sb-xing{color:#006567}.sb-outline .sb-wrapper.sb-xing:hover{box-shadow:inset 0 0 0 2em #006567}.sb-outline .sb-wrapper.sb-sms{color:#20c16c}.sb-outline .sb-wrapper.sb-sms:hover{box-shadow:inset 0 0 0 2em #20c16c}.sb-outline .sb-wrapper.sb-email{color:#ff961c}.sb-outline .sb-wrapper.sb-email:hover{box-shadow:inset 0 0 0 2em #ff961c}.sb-outline .sb-wrapper.sb-vk{color:#4c75a3}.sb-outline .sb-wrapper.sb-vk:hover{box-shadow:inset 0 0 0 2em #4c75a3}.sb-outline .sb-wrapper.sb-copy{color:#607d8b}.sb-outline .sb-wrapper.sb-copy:hover{box-shadow:inset 0 0 0 2em #607d8b}.sb-outline .sb-wrapper.sb-print{color:#765aa2}.sb-outline .sb-wrapper.sb-print:hover{box-shadow:inset 0 0 0 2em #765aa2}.sb-outline .sb-wrapper.sb-expand{color:#ff6651}.sb-outline .sb-wrapper.sb-expand:hover{box-shadow:inset 0 0 0 2em #ff6651}.sb-outline .sb-wrapper:hover{color:#fff;box-shadow:inset 0 0 0 2em var(--button-color)}.sb-outline .sb-wrapper.sb-show-icon.sb-show-count .sb-count,.sb-outline .sb-wrapper.sb-show-icon.sb-show-text .sb-text{padding-right:1em;padding-left:0}.sb-outline .sb-wrapper.sb-show-text.sb-show-count .sb-text{padding-right:.5em}