diff options
| author | lonkaars <loek@pipeframe.xyz> | 2021-06-29 15:10:54 +0200 |
|---|---|---|
| committer | lonkaars <loek@pipeframe.xyz> | 2021-06-29 15:10:54 +0200 |
| commit | a4cd3d988a5c04d9b26772a866d7fc28dff62472 (patch) | |
| tree | ccb5f92c10a3df89d192f56c4a9b95ad17e9cb63 /styles | |
| parent | ffefeed888fe6f221a79575f8624257571eacf8d (diff) | |
loop creation with drag
Diffstat (limited to 'styles')
| -rw-r--r-- | styles/keyframes.css | 18 |
1 files changed, 17 insertions, 1 deletions
diff --git a/styles/keyframes.css b/styles/keyframes.css index 1eb0a41..fb3d728 100644 --- a/styles/keyframes.css +++ b/styles/keyframes.css @@ -56,5 +56,21 @@ .keyframe.ghost .background { opacity: .2; } .keyframe.ghost .outline { opacity: .7; } -#ghost { transform: translate(-16px, -16px); } +#ghost { + transform: translate(-16px, -16px); + top: calc(var(--y) * 1px); + left: calc(var(--x) * 1px); +} +#ghost.placed { left: calc(var(--zoom) * var(--frame) * 1px); } +.keyframeWrapper .loop.ghost { + width: calc((var(--frame-end) - var(--frame)) * var(--zoom) * 1px + 26px); + transform: translateX(100%); +} +.keyframeWrapper .loop.ghost .connector { + height: 14px; + margin: 0 5px; + border-top: 1px dashed var(--gruble); + border-bottom: 1px dashed var(--gruble); + opacity: .7; +} |