icynet-auth-server/src/fe/scss/_button.scss

38 lines
666 B
SCSS

.btn {
padding: 12px 24px;
font-size: 1rem;
appearance: none;
border: none;
border-radius: 4px;
cursor: pointer;
outline: 0px solid #00c0ff8a;
background-color: var(--btn-background);
color: var(--btn-color);
min-width: 120px;
transition: background-color 0.35s linear, outline 0.15s linear;
&-link {
font-size: 1rem;
color: #fff;
padding: 12px;
}
text-shadow: none;
&:hover {
background-color: var(--btn-background-hover);
}
&:focus {
outline: 4px solid #00c0ff8a;
}
&-primary {
--btn-background: #00c4ff;
--btn-background-hover: #3ed2ff;
--btn-color: #002d34;
font-weight: 600;
}
}