Tweak sizing
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
3wc 2024-06-28 21:00:33 -04:00
parent cd564dc6fe
commit 19cd99cea7

View File

@ -16,6 +16,11 @@ if(!is_user_logged_in()){
<link href="<?php echo get_theme_file_uri('/fonts/acumin-variable-concept.css') ?>" rel="stylesheet"> <link href="<?php echo get_theme_file_uri('/fonts/acumin-variable-concept.css') ?>" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<style> <style>
@page {
size: 7cm 7cm;
margin: 0;
}
/* acumin-variable-concept */ /* acumin-variable-concept */
@font-face { @font-face {
font-family: Acumin Variable Concept; font-family: Acumin Variable Concept;
@ -24,20 +29,22 @@ if(!is_user_logged_in()){
src: local("Acumin Variable Concept"), local("AcuminVariableConcept"), url(<?php echo get_theme_file_uri('/fonts/acumin-variable-concept.woff2'); ?>) format("woff2"); src: local("Acumin Variable Concept"), local("AcuminVariableConcept"), url(<?php echo get_theme_file_uri('/fonts/acumin-variable-concept.woff2'); ?>) format("woff2");
} }
body {
margin: 0;
}
.container { .container {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
} }
.label { .label {
width: calc(0.35* 400px); width: 6.8cm;
height: calc(0.35 *400px); height: 6.8cm;
border-radius: 50%; border-radius: 50%;
padding: calc(0.35 * 2rem); margin: 0.05cm;
/* margin: calc(0.35 * 2rem); */
text-align: center; text-align: center;
display: flex; display: flex;
align-items: center;
justify-content: center; justify-content: center;
position: relative; position: relative;
background: linear-gradient( background: linear-gradient(
@ -45,56 +52,58 @@ if(!is_user_logged_in()){
rgba(255, 255, 255, 1) 28%, rgba(255, 255, 255, 1) 28%,
rgba(231, 184, 32, 1) 28% rgba(231, 184, 32, 1) 28%
); );
/* border: 1px solid black; */
} }
.label .product-details { .label .product-details {
font-family: 'Acumin Variable Concept', sans-serif; font-family: 'Acumin Variable Concept', sans-serif;
font-size: calc(0.35 * 21px); letter-spacing: 0.23mm;
letter-spacing: calc(0.35 * 2px);
text-transform: uppercase; text-transform: uppercase;
margin-top: 2.5em; margin-top: 0.6cm;
margin-bottom: 2em;
font-weight: bold; font-weight: bold;
font-variation-settings: 'wdth' 58, 'wght' 600; font-variation-settings: 'wdth' 58, 'wght' 600;
font-size: 4mm;
} }
.label .product-details p { .label .product-details p {
margin-block: 0.5em; margin-block: 1.5mm;
} }
.label .product-details .origin { .label .product-details .origin {
font-size: calc(0.35 * 28px); font-size: 5mm;
font-weight: 700; font-weight: 700;
letter-spacing: calc(0.35 * 4px); letter-spacing: calc(0.4 * 4px);
margin-block: 1.2em 0.8em; margin-block: 3mm;
min-height: calc(0.35 * 33px); min-height: 3mm;
font-variation-settings: 'wdth' 70, 'wght' 600; font-variation-settings: 'wdth' 70, 'wght' 600;
} }
.label .product-details .weight { .label .product-details .weight {
text-transform: lowercase; text-transform: lowercase;
font-weight: bold; font-weight: bold;
font-size: calc(0.35 * 18px); font-size: 4mm;
} }
.label .product-details .code { .label .product-details .code {
min-height: calc(0.35 * 20px); min-height: calc(0.4 * 20px);
letter-spacing: calc(0.35 * 10px); letter-spacing: calc(0.4 * 10px);
margin-top: 1.5em; margin-top: 2mm;
font-size: calc(0.35 * 16px); font-size: 4mm;
} }
.label .order-details { .label .order-details {
position: absolute; position: absolute;
text-align: center; text-align: center;
width: 65%; width: 100%;
top: 120px; top: 5cm;
left: 0;
font-size: calc(0.35 * 17px); font-size: calc(0.35 * 17px);
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 4mm;
} }
.label .order-details p { .label .order-details p {
margin-block: 0.4em; margin-block: 0.5mm;
} }
</style> </style>
</head> </head>