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