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);
|
||||
}
|
||||
|
||||
#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));
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue