lostplaces-frontend/components/01_Atoms/button/_button.scss
2020-12-25 16:42:39 +01:00

36 lines
651 B
SCSS

.LP-Button {
background-color: $-light-brown;
color: $-grey;
border: none;
padding: 8px 14px;
border-radius: 2px;
font-weight: bold;
cursor: pointer;
white-space: nowrap;
&--fullWidth {
text-align: center;
}
&.LP-Link {
display: block;
&:hover {
color: $-almost-white
}
}
&:active {
background-color: $-wine-red;
color: $-almost-white;
}
&--cancel {
background-color: $-grey;
color: $-almost-white;
&:active {
color: $-grey;
background-color: $-almost-white;
}
}
}