Commit 39a9b450 authored by docteurem's avatar docteurem

less files modified for grid integration

parent 16b596e2
/*///////////////Grid builder//////////////////////////////////////////*/
@col-width: (@body-width - ((@col-number - 1) * @col-gutter)) / @col-number;
@row-height: (@body-height - ((@row-number - 1) * @row-gutter)) / @row-number;
@col-gutter-width: @col-width+@col-gutter;
@row-gutter-height: @row-height+@row-gutter;
/* x classes */
.create-x-classes(@i:0) when(@i < @col-number){
.x@{i}{
left:@i * @col-width + @i * @col-gutter;
}
.create-x-classes(@i + 1);
}
.create-x-classes();
/* y classes */
.create-y-classes(@i:0) when(@i < @row-number){
.y@{i}{
top:@i * @row-height + @i * @row-gutter;
}
.create-y-classes(@i + 1);
}
.create-y-classes();
/* width classes */
.create-w-classes(@i:1) when(@i <= @col-number){
.w@{i}{
width:@col-width * @i + @col-gutter * (@i - 1);
}
.create-w-classes(@i + 1);
}
.create-w-classes();
/* height classes */
.create-h-classes(@i:1) when(@i <= @row-number){
.h@{i}{
height:@row-height * @i + @row-gutter * (@i - 1);
}
.create-h-classes(@i + 1);
}
.create-h-classes();
.grid{
background-attachment: local;
background-size:@col-gutter-width @row-gutter-height, @col-gutter-width @row-gutter-height, @col-gutter-width @row-gutter-height, @col-gutter-width @row-gutter-height;
background-position: -1pt -1pt, -1pt -1pt, -(@col-gutter+1) -(@row-gutter+1), -(@col-gutter+1) -(@row-gutter+1);
background-image: -webkit-linear-gradient(top, @grid-color 1px, transparent 1px),
-webkit-linear-gradient(left, @grid-color 1px, transparent 1px),
-webkit-linear-gradient(top, @grid-color 1px, transparent 1px),
-webkit-linear-gradient(left, @grid-color 1px, transparent 1px);
background-image: -moz-linear-gradient(top, @grid-color 1px, transparent 1px),
-moz-linear-gradient(left, @grid-color 1px, transparent 1px),
-moz-linear-gradient(top, @grid-color 1px, transparent 1px),
-moz-linear-gradient(left, @grid-color 1px, transparent 1px);
background-image: -ms-linear-gradient(top, @grid-color 1px, transparent 1px),
-ms-linear-gradient(left, @grid-color 1px, transparent 1px),
-ms-linear-gradient(top, @grid-color 1px, transparent 1px),
-ms-linear-gradient(left, @grid-color 1px, transparent 1px);
background-image: -o-linear-gradient(top, @grid-color 1px, transparent 1px),
-o-linear-gradient(left, @grid-color 1px, transparent 1px),
-o-linear-gradient(top, @grid-color 1px, transparent 1px),
-o-linear-gradient(left, @grid-color 1px, transparent 1px);
background-image: linear-gradient(to bottom, @grid-color 1px, transparent 1px),
linear-gradient(to right, @grid-color 1px, transparent 1px),
linear-gradient(to bottom, @grid-color 1px, transparent 1px),
linear-gradient(to right, @grid-color 1px, transparent 1px);
}
@import "setup.less";
@import "html2print.less";
@import "grid.less";
@import "page.less";
......@@ -20,9 +20,13 @@
.body {
top: @page-margin-top;
bottom: @page-margin-bottom + 9mm;
bottom: @page-margin-bottom;
}
.bloc{
position:absolute;
background:rgba(0,0,0,0.5);
}
/**
* Pieds de page
......
/* the geometry of the page */
@page-width: 160mm;
@page-height: 230mm;
@page-width: 482pt;
@page-height: 652pt;
/* the size of the crop marks */
......@@ -10,15 +10,32 @@
@bleed: 5mm;
// FIXME: make a case for single page layouts
@page-margin-inside: 9mm;
@page-margin-outside: 6mm;
@page-margin-top: 6mm;
@page-margin-bottom: 6mm;
@page-margin-inside: 34pt;
@page-margin-outside: 24pt;
@page-margin-top: 24pt;
@page-margin-bottom: 40pt;
@footer-height: 12mm;
@footer-text: counter(page-counter);
@body-width:@page-width - @page-margin-inside - @page-margin-outside;
@body-height:@page-height - @page-margin-top - @page-margin-bottom;
/*grid*/
@col-number: 9;
@col-gutter: 6pt;
@row-number: 9;
@row-gutter: 6pt;
@grid-color:rgba(255,0,0,1);
@gutter: 12pt;
@body-size: @page-width - @page-margin-inside - @page-margin-outside;
@column-size: (@body-size - (10pt * 11)) / 12;
@gutter:12pt;
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