@odilo/button
Version:
Share buttons components for Angular and Ionic.
1 lines • 1.84 kB
CSS
.sb-classic-light .sb-wrapper{color:var(--button-color);background-color:#ddd;background-image:linear-gradient(180deg,#fcfcfc,#ddd);border:1px solid #b7b7b7;text-shadow:0 1px 0 hsla(0,0%,100%,.8);box-shadow:inset 0 0 1px 1px hsla(0,0%,100%,.8),0 1px 0 rgba(0,0,0,.3);border-radius:.2em}.sb-classic-light .sb-wrapper.sb-facebook{color:#4267b2}.sb-classic-light .sb-wrapper.sb-twitter{color:#00acee}.sb-classic-light .sb-wrapper.sb-google{color:#db4437}.sb-classic-light .sb-wrapper.sb-mix{color:#ff8226}.sb-classic-light .sb-wrapper.sb-line{color:#00b900}.sb-classic-light .sb-wrapper.sb-linkedin{color:#006fa6}.sb-classic-light .sb-wrapper.sb-pinterest{color:#bd081c}.sb-classic-light .sb-wrapper.sb-reddit{color:#ff4006}.sb-classic-light .sb-wrapper.sb-tumblr{color:#36465d}.sb-classic-light .sb-wrapper.sb-whatsapp{color:#25d366}.sb-classic-light .sb-wrapper.sb-messenger{color:#0080ff}.sb-classic-light .sb-wrapper.sb-telegram{color:#08c}.sb-classic-light .sb-wrapper.sb-xing{color:#006567}.sb-classic-light .sb-wrapper.sb-sms{color:#20c16c}.sb-classic-light .sb-wrapper.sb-email{color:#ff961c}.sb-classic-light .sb-wrapper.sb-vk{color:#4c75a3}.sb-classic-light .sb-wrapper.sb-copy{color:#607d8b}.sb-classic-light .sb-wrapper.sb-print{color:#765aa2}.sb-classic-light .sb-wrapper.sb-expand{color:#ff6651}.sb-classic-light .sb-wrapper:hover{background-color:#f7f7f7;background-image:linear-gradient(180deg,#fff,#f7f7f7)}.sb-classic-light .sb-wrapper:active{box-shadow:inset 0 0 4px 2px rgba(0,0,0,.3);position:relative;top:1px}.sb-classic-light .sb-wrapper .sb-icon{pointer-events:none;font-size:1.1em;min-width:2em}.sb-classic-light .sb-wrapper.sb-show-count .sb-icon,.sb-classic-light .sb-wrapper.sb-show-text .sb-icon,.sb-classic-light .sb-wrapper .sb-text{box-shadow:1px 0 0 hsla(0,0%,51.8%,.5),2px 0 0 hsla(0,0%,100%,.5)}