mirror of
https://github.com/pds-nest/nest.git
synced 2024-11-25 06:24:19 +00:00
52 lines
No EOL
939 B
CSS
52 lines
No EOL
939 B
CSS
.Button {
|
|
font-family: var(--font-regular);
|
|
|
|
border-width: 0;
|
|
border-radius: 25px;
|
|
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
|
|
|
|
padding: 5px;
|
|
margin: 0 2px;
|
|
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Button[disabled] {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.Button:focus-visible {
|
|
outline: 4px solid var(--outline);
|
|
}
|
|
|
|
.ButtonGreen {
|
|
color: var(--fg-green);
|
|
background-color: var(--bg-green);
|
|
border-color: var(--bg-green);
|
|
}
|
|
|
|
.ButtonGrey {
|
|
color: var(--fg-grey);
|
|
background-color: var(--bg-grey);
|
|
border-color: var(--bg-grey);
|
|
}
|
|
|
|
.ButtonYellow {
|
|
color: var(--fg-yellow);
|
|
background-color: var(--bg-yellow);
|
|
border-color: var(--bg-yellow);
|
|
}
|
|
|
|
.ButtonRed {
|
|
color: var(--fg-red);
|
|
background-color: var(--bg-red);
|
|
border-color: var(--bg-red);
|
|
}
|
|
|
|
.Icon {
|
|
font-size: large;
|
|
|
|
/* TODO: non so quanto sia una buona idea, ma funziona accettabilmente */
|
|
line-height: 0;
|
|
vertical-align: sub;
|
|
} |