block-button-css-in-js
v0.0.2
Published
Have some fun, tinkering around with different ideas
Downloads
1
Readme
Block Button CSS in JS
button: {
borderRadius: 0,
textShadow: 'none',
outline: 'none',
width: '100%',
cursor: 'pointer',
color: sv.$colorWhite,
padding: '15px 10px',
textAlign: 'center',
transition: 'background-color 0.4s ease',
':hover': {
backgroundColor: '#024295'
},
':active': {
boxShadow: 'inset 0 0 6px #02194b'
}
},
label: {
position: 'relative',
':active': {
top: 1
}
},
disabled: {
pointerEvents: 'none',
border: '1px solid ' + sv.$colorGrey1,
backgroundColor: sv.$colorGrey1
}