12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- @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-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);
- }
|