Zoë Bijl
25af845912
commitc811679128Author: Zoë Bijl <code@moiety.me> Date: Wed Oct 15 21:02:39 2025 +0200 [chore] remove unused override commita3e56447aaAuthor: Zoë Bijl <code@moiety.me> Date: Wed Oct 15 18:57:22 2025 +0200 [chore] lint Sass files
47 lines
861 B
SCSS
47 lines
861 B
SCSS
/* 🚥 Status: Icons */
|
|
.status__info__icons {
|
|
position: relative;
|
|
display: flex;
|
|
gap: 5px;
|
|
align-items: start;
|
|
color: var(--color-secondary-fg);
|
|
|
|
svg.gts-icon {
|
|
--size: 18px;
|
|
|
|
display: block;
|
|
}
|
|
|
|
.text-icon {
|
|
line-height: 20px;
|
|
}
|
|
|
|
&::before {
|
|
position: absolute;
|
|
top: 0;
|
|
right: calc(100% + 5px);
|
|
width: 20px;
|
|
height: 100%;
|
|
content: "";
|
|
background: linear-gradient(90deg, transparent, var(--color-status-bg));
|
|
transition: all 0.2s;
|
|
}
|
|
}
|
|
|
|
.status__info__icons button.icon-button {
|
|
display: block;
|
|
color: inherit;
|
|
|
|
svg.gts-icon {
|
|
transition: transform ease-in-out 0.2s;
|
|
}
|
|
|
|
&.active svg.gts-icon {
|
|
transform: rotate(-180deg);
|
|
}
|
|
|
|
&:hover {
|
|
color: var(--color-accent-hover);
|
|
}
|
|
}
|