design panels btn
This commit is contained in:
parent
ba450cbb1f
commit
0de94435e1
1 changed files with 27 additions and 2 deletions
|
|
@ -79,18 +79,43 @@
|
||||||
margin-right: var(--unit--horizontal);
|
margin-right: var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
|
|
||||||
#entry-btns.minimized {
|
#entry-btns .entry-btn--left::before,
|
||||||
color: var(--color-secondary);
|
#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::before,
|
||||||
#entry-btns.minimized .entry-btn::after {
|
#entry-btns.minimized .entry-btn::after {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#entry-btns.minimized .entry-btn--left {
|
#entry-btns.minimized .entry-btn--left {
|
||||||
|
padding-right: 4px;
|
||||||
margin-left: calc(-4px - var(--width));
|
margin-left: calc(-4px - var(--width));
|
||||||
}
|
}
|
||||||
#entry-btns.minimized .entry-btn--right {
|
#entry-btns.minimized .entry-btn--right {
|
||||||
|
padding-left: 4px;
|
||||||
margin-right: calc(-4px - var(--width));
|
margin-right: calc(-4px - var(--width));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue