Files
wgenerator/src/app/widget-modules/components/button/button.component.less
benjamin 8c637addf5
Some checks failed
Angular Build / build (push) Has been cancelled
fix monitor bg contrast
2026-04-27 23:01:25 +02:00

43 lines
680 B
Plaintext

:host(.full-width) {
width: 100%;
}
button {
display: flex;
color: var(--primary-color);
transition: var(--transition);
border-radius: 4px;
font-size: 1rem;
background: var(--surface-strong);
border: 1px solid var(--primary-color);
padding: var(--gap-s);
cursor: pointer;
:host(.full-width) & {
width: 100%;
justify-content: center;
}
&:hover {
color: var(--primary-active);
background: var(--surface-subtle);
}
@media screen and (max-width: 860px) {
font-size: 1.2rem;
width: 100%;
justify-content: center;
.button-content {
flex-grow: 1;
}
}
}
fa-icon {
width: 20px;
display: inline-block;
}