📃 Fix print styles
This commit is contained in:
parent
c7e69b54b3
commit
f1c8f6f8c0
1 changed files with 29 additions and 16 deletions
|
@ -37,41 +37,54 @@ li {
|
|||
}
|
||||
@media screen and (min-width: 660px) {
|
||||
.ingredients-list {
|
||||
columns: 2;
|
||||
columns: 2;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1220px) {
|
||||
.ingredients-list {
|
||||
columns: 3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Print styles */
|
||||
@media print {
|
||||
@page {
|
||||
size: 6in 4in landscape;
|
||||
margin: 0.125in;
|
||||
size: 6in 4in landscape;
|
||||
margin: 0.125in;
|
||||
}
|
||||
body {
|
||||
width: 6in;
|
||||
height: 4in;
|
||||
margin: 0.125in;
|
||||
font-size: 9pt;
|
||||
overflow: visible;
|
||||
font-family: Helvetica, sans-serif;
|
||||
color: black;
|
||||
width: 6in;
|
||||
height: 4in;
|
||||
margin: 0.125in;
|
||||
font-size: 9pt;
|
||||
line-height: 1.2;
|
||||
overflow: visible;
|
||||
font-family: Helvetica, sans-serif;
|
||||
}
|
||||
h1 {
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
}
|
||||
h2 {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
img {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none
|
||||
color: black;
|
||||
text-decoration: none
|
||||
}
|
||||
main {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
max-width: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.ingredients-list {
|
||||
columns: 3;
|
||||
column-gap: 0.2in;
|
||||
padding-left: 0.125in;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue