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

43 lines
811 B
SCSS

.btn {
padding: 12px 24px;
font-size: 1rem;
appearance: none;
border: none;
border-radius: 4px;
cursor: pointer;
outline: 0px solid var(--focus-outline);
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: var(--text-color);
text-shadow: var(--text-shadow) 1px 1px 2px;
padding: 12px;
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
&:hover {
background-color: var(--btn-background-hover);
}
&:focus {
outline: 4px solid var(--focus-outline);
}
&-primary {
--btn-background: #00c4ff;
--btn-background-hover: #3ed2ff;
--btn-color: #002d34;
font-weight: 600;
}
}