decor-6-expe/maquette-tests/assets/css/running-page.css
2026-03-17 00:10:52 +01:00

48 lines
1.1 KiB
CSS

.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);
font-family: var(--sign-family);
line-height: var(--sign-baseline);
vertical-align: bottom;
padding-bottom: var(--running-bottom);
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
width: var( --w-container);
overflow: hidden;
/* background-color: red; */
}
.running-page{
width: calc(var(--w-container)*2);
padding-left: var(--running-left);
padding-right: 6px;
display: flex;
}
.running-page .symbols{
flex-shrink: 0;
/* background-color: white; */
z-index: 20;
}
.running-page .dots{
position: absolute;
top: -5px;
left: var(--running-left);
z-index: 10;
}
.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);
}