Commit b46f0d37 authored by alexandre's avatar alexandre

Commencé à importer lesstyles du bug

parent 9231e00f
@import "setup.less";
@import "html2print.less";
@import "page.less";
/**
* Macro-structure
* ===============
*/
.body,
.footer {
position: absolute;
/*.display(flex);*/
/*.justify-content(space-between);*/
}
/**
* Zone de composition principale
* ------------------------------
*/
.body {
top: @page-margin-top;
bottom: @page-margin-bottom + 9mm;
}
/**
* Pieds de page
* -------------
*/
.footer {
bottom: @page-margin-bottom;
/*.flex-direction(row-reverse);*/
font-family: "Alfphabet-IV", sans-serif;
font-size: 6pt;
text-transform: uppercase;
}
.footer:after {
display: block;
content: " ";
/*.flex(1); */
}
.footer:before {
display: block;
content: " ";
/*.flex(1); */
}
/*.footer__title { .flex(10); }*/
/*.footer__page-number { .flex(1); }*/
/* .footer__title:before { content: "Le jour où la Belgique a buggé"; } */
.footer__page-number:before { content: @footer-text; }
/**
* Miroir
* -------
*/
/**
* Placement en miroir des éléments en fonction de si ils se trouvent sur une
* page paire ou une page impaire, en utilisant le pseudo-sélecteur `nth-child`
*/
.paper:nth-child(odd) .body,
.paper:nth-child(odd) .footer {
right: @page-margin-outside;
left: @page-margin-inside;
}
.paper:nth-child(even) .body,
.paper:nth-child(even) .footer {
left: @page-margin-outside;
right: @page-margin-inside;
}
/*.paper:nth-child(odd) .footer { .flex-direction(row); }*/
.paper:nth-child(odd) .footer:before { margin-right: @gutter; }
.paper:nth-child(odd) .footer:after { margin-left: @gutter; }
.paper:nth-child(even) .footer:after { margin-right: @gutter; }
.paper:nth-child(even) .footer:before { margin-left: @gutter; }
.paper:nth-child(odd) .footer__title { margin-right: @gutter; }
.paper:nth-child(even) .footer__title { text-align: right; }
.paper:nth-child(even) .footer__page-number { margin-right: @gutter; }
.paper:nth-child(odd) .footer__page-number { text-align: right; }
/* the geometry of the page */
@page-width: 148mm;
@page-height: 210mm;
@page-width: 160mm;
@page-height: 230mm;
/* the size of the crop marks*/
/* the size of the crop marks */
@crop-size: 7mm;
/* the size of bleed */
@bleed: 5mm;
// FIXME: make a case for single page layouts
@page-margin-inside: 20mm;
@page-margin-outside: 10mm;
@page-margin-top: 10mm;
@page-margin-bottom: 15mm;
@page-margin-inside: 9mm;
@page-margin-outside: 6mm;
@page-margin-top: 6mm;
@page-margin-bottom: 6mm;
// Header & footer variables
@header-height: 10mm;
@header-text: " A Romance of Many Dimensions";
@footer-height: 10mm;
@footer-height: 12mm;
@footer-text: counter(page-counter);
@gutter: 12pt;
@body-size: @page-width - @page-margin-inside - @page-margin-outside;
@column-size: (@body-size - (10pt * 11)) / 12;
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment