27 lines
548 B
CSS
27 lines
548 B
CSS
.workflow {
|
|
--bg-color: #D1D5DB; /* Pico zinc 150 */
|
|
--text-color: oklch(from var(--bg-color) calc(0.55 * l) calc(0.55 * c) h);
|
|
|
|
border-radius: 1em;
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color);
|
|
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
justify-content: center;
|
|
min-width: 2em;
|
|
padding: 0.1em 0.5em;
|
|
gap: 0.5em;
|
|
text-align: center;
|
|
|
|
> img {
|
|
max-width: unset;
|
|
width: 1lh;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
&.red {
|
|
--bg-color: #F06048; /* Pico red 400 */
|
|
}
|
|
}
|