scale label to fit on print
This commit is contained in:
parent
11cd0e5fe4
commit
6c3a23601a
@ -17,11 +17,11 @@
|
||||
}
|
||||
|
||||
.label {
|
||||
width: calc(0.57* 400px);
|
||||
height: calc(0.57 *400px);
|
||||
width: calc(0.35* 400px);
|
||||
height: calc(0.35 *400px);
|
||||
border-radius: 50%;
|
||||
padding: calc(0.57 * 2rem);
|
||||
/* margin: calc(0.57 * 2rem); */
|
||||
padding: calc(0.35 * 2rem);
|
||||
/* margin: calc(0.35 * 2rem); */
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@ -35,8 +35,8 @@
|
||||
|
||||
.label .product-details {
|
||||
font-family: 'Roboto Condensed';
|
||||
font-size: calc(0.57 * 21px);
|
||||
letter-spacing: calc(0.57 * 2px);
|
||||
font-size: calc(0.35 * 21px);
|
||||
letter-spacing: calc(0.35 * 2px);
|
||||
text-transform: uppercase;
|
||||
margin-top: 2.5em;
|
||||
margin-bottom: 2em;
|
||||
@ -48,30 +48,30 @@
|
||||
}
|
||||
|
||||
.label .product-details .origin {
|
||||
font-size: calc(0.57 * 28px);
|
||||
font-size: calc(0.35 * 28px);
|
||||
font-weight: 700;
|
||||
letter-spacing: 4px;
|
||||
letter-spacing: calc(0.35 * 4px);
|
||||
margin-block: 1.2em 0.8em;
|
||||
min-height: calc(0.57 * 33px);
|
||||
min-height: calc(0.35 * 33px);
|
||||
}
|
||||
|
||||
.label .product-details .weight {
|
||||
text-transform: lowercase;
|
||||
font-weight: bold;
|
||||
font-family: sans-serif;
|
||||
font-size: calc(0.57 * 18px);
|
||||
font-size: calc(0.35 * 18px);
|
||||
}
|
||||
|
||||
.label .product-details .code {
|
||||
min-height: calc(0.57 * 20px);
|
||||
letter-spacing: calc(0.57 * 10px);
|
||||
min-height: calc(0.35 * 20px);
|
||||
letter-spacing: calc(0.35 * 10px);
|
||||
margin-top: 1.5em;
|
||||
font-size: calc(0.57 * 16px);
|
||||
font-size: calc(0.35 * 16px);
|
||||
}
|
||||
|
||||
.label .order-details {
|
||||
padding-bottom: 1em;
|
||||
font-size: calc(0.57 * 17px);
|
||||
font-size: calc(0.35 * 17px);
|
||||
}
|
||||
|
||||
.label .order-details p {
|
||||
|
Loading…
Reference in New Issue
Block a user