@odilo/button
Version:
Share buttons components for Angular and Ionic.
1 lines • 2.3 kB
CSS
.sb-modern-dark .sb-wrapper{background-color:#2e4057;background-color:var(--button-color);color:#fff;transition:box-shadow .15s ease-in,transform .15s ease-in;border-radius:3px;box-shadow:0 .1em .5em hsla(0,0%,64.7%,.6)}.sb-modern-dark .sb-wrapper.sb-facebook{background-color:#4267b2}.sb-modern-dark .sb-wrapper.sb-twitter{background-color:#00acee}.sb-modern-dark .sb-wrapper.sb-google{background-color:#db4437}.sb-modern-dark .sb-wrapper.sb-mix{background-color:#ff8226}.sb-modern-dark .sb-wrapper.sb-line{background-color:#00b900}.sb-modern-dark .sb-wrapper.sb-linkedin{background-color:#006fa6}.sb-modern-dark .sb-wrapper.sb-pinterest{background-color:#bd081c}.sb-modern-dark .sb-wrapper.sb-reddit{background-color:#ff4006}.sb-modern-dark .sb-wrapper.sb-tumblr{background-color:#36465d}.sb-modern-dark .sb-wrapper.sb-whatsapp{background-color:#25d366}.sb-modern-dark .sb-wrapper.sb-messenger{background-color:#0080ff}.sb-modern-dark .sb-wrapper.sb-telegram{background-color:#08c}.sb-modern-dark .sb-wrapper.sb-xing{background-color:#006567}.sb-modern-dark .sb-wrapper.sb-sms{background-color:#20c16c}.sb-modern-dark .sb-wrapper.sb-email{background-color:#ff961c}.sb-modern-dark .sb-wrapper.sb-vk{background-color:#4c75a3}.sb-modern-dark .sb-wrapper.sb-copy{background-color:#607d8b}.sb-modern-dark .sb-wrapper.sb-print{background-color:#765aa2}.sb-modern-dark .sb-wrapper.sb-expand{background-color:#ff6651}.sb-modern-dark .sb-wrapper:active{box-shadow:0 .4em 1em hsla(0,0%,64.7%,.9)}.sb-modern-dark .sb-wrapper .sb-count,.sb-modern-dark .sb-wrapper .sb-text{background:rgba(0,0,0,.1)}.sb-modern-dark .sb-wrapper.sb-show-text.sb-show-count .sb-text{border-bottom-right-radius:0;border-top-right-radius:0}.sb-modern-dark .sb-wrapper.sb-show-text.sb-show-count .sb-count{background:none}.sb-modern-dark .sb-wrapper.sb-show-count,.sb-modern-dark .sb-wrapper.sb-show-text{padding:0}.sb-modern-dark .sb-wrapper.sb-show-count .sb-icon,.sb-modern-dark .sb-wrapper.sb-show-text .sb-icon{box-shadow:1px 0 1px -1px rgba(0,0,0,.3)}.sb-modern-dark .sb-wrapper.sb-show-count .sb-count,.sb-modern-dark .sb-wrapper.sb-show-count .sb-text,.sb-modern-dark .sb-wrapper.sb-show-text .sb-count,.sb-modern-dark .sb-wrapper.sb-show-text .sb-text{border-bottom-right-radius:3px;border-top-right-radius:3px}