style hover link
This commit is contained in:
parent
0fed6cfd12
commit
1fa9bf1e10
5 changed files with 48 additions and 30 deletions
|
|
@ -27,15 +27,20 @@ button.toggle.right.open::before {
|
|||
|
||||
#tabs {
|
||||
position: relative;
|
||||
margin-top: -30svh;
|
||||
margin-top: -25svh;
|
||||
margin-bottom: 30svh;
|
||||
transition: margin-top 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
#tabs.open {
|
||||
margin-bottom: calc(3 * var(--unit--vertical));
|
||||
}
|
||||
|
||||
.active-tab {
|
||||
max-height: 70vh;
|
||||
max-height: 60svh;
|
||||
overflow: auto;
|
||||
margin-top: calc((var(--unit--vertical) * 0.5));
|
||||
transition: height 0.5s ease-in-out;
|
||||
margin-top: var(--unit--vertical);
|
||||
transition: max-height 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.page-cover.open .active-tab {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue