MusicTopus/sass/button.scss

36 lines
904 B
SCSS
Raw Normal View History

.button {
cursor: pointer;
justify-content: center;
padding-bottom: calc(0.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(0.5em - 1px);
text-align: center;
white-space: nowrap;
border-width: 1px;
margin-bottom: .5rem;
background-color: var(--default-color);
border-color: var(--default-hl-color);
2022-02-18 16:53:54 +01:00
border-radius: 0.375rem;
@include transition() {}
&.is-danger {
background-color: var(--danger-bg-color);
border-color: transparent;
color: var(--danger-font-color);
&:hover {
background-color: var(--danger-bg-hl-color);
}
}
&.is-primary {
background-color: var(--primary-bg-color);
border-color: transparent;
color: var(--primary-font-color);
&:hover {
background-color: var(--primary-bg-hl-color);
}
}
}