design panels btn

This commit is contained in:
isUnknown 2024-04-10 15:23:18 +02:00
parent ba450cbb1f
commit 0de94435e1

View file

@ -79,18 +79,43 @@
margin-right: var(--unit--horizontal);
}
#entry-btns.minimized {
color: var(--color-secondary);
#entry-btns .entry-btn--left::before,
#entry-btns .entry-btn--right::after {
content: "";
position: absolute;
background-color: transparent;
height: var(--unit--vertical);
width: var(--unit--horizontal);
z-index: -1;
transition: all 0.5s var(--curve-sine);
}
#entry-btns .entry-btn--left::before {
right: 0;
}
#entry-btns .entry-btn--right::after {
left: 0;
}
#entry-btns.minimized {
color: #000;
}
#entry-btns.minimized .entry-btn--left::before,
#entry-btns.minimized .entry-btn--right::after {
background-color: var(--color-secondary);
}
#entry-btns.minimized .entry-btn::before,
#entry-btns.minimized .entry-btn::after {
font-weight: bold;
}
#entry-btns.minimized .entry-btn--left {
padding-right: 4px;
margin-left: calc(-4px - var(--width));
}
#entry-btns.minimized .entry-btn--right {
padding-left: 4px;
margin-right: calc(-4px - var(--width));
}