65 lines
1.4 KiB
CSS
65 lines
1.4 KiB
CSS
.page {
|
|
/* border: 1px solid #000; */
|
|
width: 194mm;
|
|
height: 279.4mm;
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 48.5mm);
|
|
grid-template-rows: repeat(11, 25.4mm);
|
|
gap: 0;
|
|
}
|
|
|
|
.print-area {
|
|
border: 0.1mm dashed #87CEFA;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: flex-start;
|
|
margin: 0.25mm;
|
|
}
|
|
|
|
.print-area:nth-child(41),
|
|
.print-area:nth-child(42),
|
|
.print-area:nth-child(43),
|
|
.print-area:nth-child(44) {
|
|
padding-bottom: 4mm;
|
|
}
|
|
|
|
.print-area:nth-child(41) .qrcode,
|
|
.print-area:nth-child(42) .qrcode,
|
|
.print-area:nth-child(43) .qrcode,
|
|
.print-area:nth-child(44) .qrcode {
|
|
height: calc(100% - 5mm);
|
|
}
|
|
|
|
.item {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
|
|
/*Styling below is used just for positioning the items inside the label. */
|
|
|
|
.left-content {
|
|
width: 24mm;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: inherit;
|
|
font-size: 3mm;
|
|
line-height: 3mm;
|
|
color: #87CEFA;
|
|
}
|
|
|
|
.right-content {
|
|
display: grid;
|
|
font-size: 4mm;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
.qrcode {
|
|
height: calc(100% - 6mm);
|
|
margin: 0;
|
|
} |