Files
filestash/public/assets/css/designsystem_button.css

40 lines
706 B
CSS

button {
border: none;
margin: 0;
padding: 6px;
display: inline-block;
outline: none;
cursor: pointer;
font-size: inherit;
border-radius: 3px;
color: rgba(0,0,0,0.6);
background: inherit;
}
button.primary {
background: var(--primary);
color: white;
}
button.emphasis {
background: var(--emphasis);
color: white;
}
button.dark {
background: var(--dark);
color: white;
}
button.light {
background: #e2e2e2;
color: var(--dark);
}
button.large {
width: 100%;
}
button[disabled] {
opacity: 0.9;
}
.touch-no button.dark:hover, .touch-no button.emphasis:hover, .touch-no button.primary:hover {
filter: brightness(95%);
transition: 0.2s ease all;
}