You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
522 B
CSS
35 lines
522 B
CSS
5 months ago
|
:root {
|
||
|
--size: 100px;
|
||
|
}
|
||
|
|
||
|
svg {
|
||
|
width: var(--size);
|
||
|
height: var(--size);
|
||
|
}
|
||
|
|
||
|
.branches {
|
||
|
display: block;
|
||
|
position: sticky;
|
||
|
top: calc(-1 * var(--size));
|
||
|
}
|
||
|
|
||
|
.node {
|
||
|
position: sticky;
|
||
|
top: calc(-1 * var(--size));
|
||
|
display: inline-flex;
|
||
|
justify-content: center;
|
||
|
align-items: flex-start;
|
||
|
}
|
||
|
|
||
|
.children {
|
||
|
height: var(--size);
|
||
|
overflow: scroll;
|
||
|
position: -webkit-sticky;
|
||
|
position: sticky;
|
||
|
top: calc(-1 * var(--size));
|
||
|
display: inline-flex;
|
||
|
align-items: flex-start;
|
||
|
flex-direction: column;
|
||
|
height: var(--size);
|
||
|
}
|