From 19cd99cea7d730805e2071380c90e8d038f3b831 Mon Sep 17 00:00:00 2001
From: 3wc <3wc@doesthisthing.work>
Date: Fri, 28 Jun 2024 21:00:33 -0400
Subject: [PATCH] Tweak sizing

---
 .../mont58-coffee/template-order-label.php    | 53 +++++++++++--------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/wp-content/themes/mont58-coffee/template-order-label.php b/wp-content/themes/mont58-coffee/template-order-label.php
index 70a0862..03a75c2 100644
--- a/wp-content/themes/mont58-coffee/template-order-label.php
+++ b/wp-content/themes/mont58-coffee/template-order-label.php
@@ -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 rel="stylesheet" href="style.css">
   <style>
+    @page {
+        size: 7cm 7cm;
+        margin: 0;
+    }
+
     /* acumin-variable-concept */
     @font-face {
       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");
     }
 
+    body {
+      margin: 0;
+    }
+
     .container {
       display: flex;
       flex-wrap: wrap;
     }
 
     .label {
-      width: calc(0.35* 400px);
-      height: calc(0.35 *400px);
+      width: 6.8cm;
+      height: 6.8cm;
       border-radius: 50%;
-      padding: calc(0.35 * 2rem);
-      /* margin: calc(0.35 * 2rem); */
+      margin: 0.05cm;
       text-align: center;
       display: flex;
-      align-items: center;
       justify-content: center;
       position: relative;
       background: linear-gradient(
@@ -45,56 +52,58 @@ if(!is_user_logged_in()){
         rgba(255, 255, 255, 1) 28%,
         rgba(231, 184, 32, 1) 28%
       );
+      /* border: 1px solid black; */
     }
 
     .label .product-details {
       font-family: 'Acumin Variable Concept', sans-serif;
-      font-size: calc(0.35 * 21px);
-      letter-spacing: calc(0.35 * 2px);
+      letter-spacing: 0.23mm;
       text-transform: uppercase;
-      margin-top: 2.5em;
-      margin-bottom: 2em;
+      margin-top: 0.6cm;
       font-weight: bold;
       font-variation-settings: 'wdth' 58, 'wght' 600;
+      font-size: 4mm;
     }
 
     .label .product-details p {
-      margin-block: 0.5em;
+      margin-block: 1.5mm;
     }
 
     .label .product-details .origin {
-      font-size: calc(0.35 * 28px);
+      font-size: 5mm;
       font-weight: 700;
-      letter-spacing: calc(0.35 * 4px);
-      margin-block: 1.2em 0.8em;
-      min-height: calc(0.35 * 33px);
+      letter-spacing: calc(0.4 * 4px);
+      margin-block: 3mm;
+      min-height: 3mm;
       font-variation-settings: 'wdth' 70, 'wght' 600;
     }
 
     .label .product-details .weight {
       text-transform: lowercase;
       font-weight: bold;
-      font-size: calc(0.35 * 18px);
+      font-size: 4mm;
     }
 
     .label .product-details .code {
-      min-height: calc(0.35 * 20px);
-      letter-spacing: calc(0.35 * 10px);
-      margin-top: 1.5em;
-      font-size: calc(0.35 * 16px);
+      min-height: calc(0.4 * 20px);
+      letter-spacing: calc(0.4 * 10px);
+      margin-top: 2mm;
+      font-size: 4mm;
     }
 
     .label .order-details {
       position: absolute;
       text-align: center;
-      width: 65%;
-      top: 120px;
+      width: 100%;
+      top: 5cm;
+      left: 0;
       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-size: 4mm;
     }
 
     .label .order-details p {
-      margin-block: 0.4em;
+      margin-block: 0.5mm;
     }
   </style>
 </head>