84 lines
1.3 KiB
SCSS
84 lines
1.3 KiB
SCSS
@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);
|
|
}
|