react-soundplayer
Version:
Create custom SoundCloud players with React
41 lines (40 loc) • 1.11 kB
CSS
.sb-soundplayer-btn {
display: inline-block;
background-color: transparent;
color: #FC561E;
font-size: 1em;
padding: 16px;
padding: 1rem;
margin: 0;
height: auto;
vertical-align: middle;
border-radius: 3px;
text-decoration: none;
border: 0;
outline: none;
cursor: pointer;
-webkit-transition: .05s ease, -webkit-transform, -webkit-box-shadow;
transition: .05s ease, -webkit-transform, -webkit-box-shadow;
transition: transform, box-shadow, .05s ease;
transition: transform, box-shadow, .05s ease, -webkit-transform, -webkit-box-shadow;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.sb-soundplayer-btn:hover {
-webkit-transform: scale(1.0625);
transform: scale(1.0625);
}
.sb-soundplayer-btn:focus {
-webkit-transform: scale(.9375);
transform: scale(.9375);
}
.sb-soundplayer-btn:active {
-webkit-box-shadow: inset 0 0 0 2px #FC561E;
box-shadow: inset 0 0 0 2px #FC561E;
}
.sb-soundplayer-btn:hover,
.sb-soundplayer-btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
}