41 lines
600 B
CSS
41 lines
600 B
CSS
|
.TootActionGroup {
|
||
|
|
padding-block: calc((var(--card-gut) - 10px) / 2);
|
||
|
|
contain: layout style;
|
||
|
|
|
||
|
|
animation: 225ms var(--tutu-anim-curve-std) TootActionGroup_fade-in;
|
||
|
|
display: flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
justify-content: space-evenly;
|
||
|
|
|
||
|
|
>button {
|
||
|
|
color: var(--tutu-color-on-surface);
|
||
|
|
padding: 10px 8px;
|
||
|
|
|
||
|
|
>svg {
|
||
|
|
font-size: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
>* {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
>.with-count {
|
||
|
|
gap: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
>.plain {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes TootActionGroup_fade-in {
|
||
|
|
0% {
|
||
|
|
opacity: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|