1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283 |
- @import 'parametres';
- @import 'font';
- @import 'screen';
- @import 'gabarits';
- @import 'styles_de_paragraphes';
- @import 'styles_de_caracteres';
- body {
- font-size: $font-de-base;
- counter-reset: footnote;
- }
- .pagedjs_page_content>div {
- height: 100%;
- }
- .layout {
- display: flex;
- flex-direction: column;
- height: 100%;
- }
- .grow{
- flex:1;
- }
- .no-folio{
- page: nofolio;
- }
- .blank-page{
- page-break-after: always;
- }
- .column {
- flex: 1;
- display: flex;
- flex-direction: column;
- }
- .justify-end {
- justify-content: flex-end;
- }
- .canbreak{
- page-break-before: always;
- }
- .image-bleed-left{
- position: absolute;
- width: calc(100% + 3mm);
- height: calc(100% + 6mm);
- margin-left: -3mm;
- margin-top: -3mm;
- }
- .image-bleed-right{
- position: absolute;
- width: calc(100% + 3mm);
- height: calc(100% + 6mm);
- margin-top: -3mm;
- }
- .image-cover {
- page: imagecover;
- background-size: cover;
- background-position: center;
- background-color: lightgray;
- background-repeat: no-repeat;
- }
- .cover-left{
- background-position:0% 50%;
- }
- .cover-right{
- background-position:-148mm 50%;
- }
- .green{
- background-blend-mode:screen;
- background-color: green;
- }
- .v-center{
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- [data-note] {
- position: relative;
- counter-increment: footnote;
- }
- [data-note]::after {
- position: absolute;
- content: counter(footnote);
- transform: translateY(-10px);
- }
|