css running-page

This commit is contained in:
Julie Blanc 2026-03-16 13:44:41 +01:00
parent 4833822985
commit 015689c0ed
3 changed files with 41 additions and 9 deletions

View file

@ -1,4 +1,5 @@
.running-page_container{
--w-container: calc(var(--pagedjs-width) - var(--pagedjs-bleed-left)*2);
font-size: var(--sign-size);
color: var(--sign-color);
letter-spacing: var(--sign-spacing);
@ -7,4 +8,37 @@
padding-top: var(--running-top);
width: 100%;
}
position: absolute;
left: calc(var(--pagedjs-margin-top)*-1 + 0px);
left: calc(var(--pagedjs-margin-left)*-1);
width: var( --w-container);
overflow: hidden;
/* background-color: red; */
}
.running-page{
width: calc(var(--w-container)*2);
padding-left: 7px;
padding-right: 6px;
display: flex;
/* background-color: yellow; */
}
.running-page .symbols{
flex-shrink: 0;
}
.running-page .dots{
position: relative;
top: -5px;
left: -10px;
}
.pagedjs_right_page .running-page_container .running-page{
position: relative;
/* left: calc(var( --w-container)*-1 + var(--pagedjs-margin-left)*-1 + 2px); */
left: calc(var( --w-container)*-1 + 10px);
}