recaler la grille pour la version print + correctin paddin main print
This commit is contained in:
parent
0a92094e53
commit
4323b79ac1
2 changed files with 17 additions and 2 deletions
|
|
@ -25,7 +25,7 @@ body.full-width #main-content {
|
||||||
margin-left: inherit;
|
margin-left: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
@media (max-width: 640px) {
|
||||||
.grid .column:not(:last-child) {
|
.grid .column:not(:last-child) {
|
||||||
margin-bottom: calc(2 * var(--unit--vertical));
|
margin-bottom: calc(2 * var(--unit--vertical));
|
||||||
}
|
}
|
||||||
|
|
@ -35,7 +35,11 @@ body.full-width #main-content {
|
||||||
[data-template="grid"] main #main-content {
|
[data-template="grid"] main #main-content {
|
||||||
margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
|
margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
|
||||||
}
|
}
|
||||||
|
[data-template="grid"] .grid {
|
||||||
|
column-gap: var(--unit--horizontal);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 640px) {
|
||||||
[data-template="grid"] .grid {
|
[data-template="grid"] .grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(39, 1fr);
|
grid-template-columns: repeat(39, 1fr);
|
||||||
|
|
@ -43,3 +47,13 @@ body.full-width #main-content {
|
||||||
margin-bottom: calc(var(--unit--vertical) * 2);
|
margin-bottom: calc(var(--unit--vertical) * 2);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media print{
|
||||||
|
.grid .column {
|
||||||
|
grid-column: span 1;
|
||||||
|
}
|
||||||
|
[data-template="grid"] .grid {
|
||||||
|
column-gap: 20px;
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -123,6 +123,7 @@
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
}
|
}
|
||||||
/* .url{
|
/* .url{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue