From 96b717e0f64ec7814b0af2cdb01601e431642316 Mon Sep 17 00:00:00 2001 From: Vincent Vanwaelscappel Date: Fri, 25 Apr 2025 17:53:15 +0200 Subject: [PATCH] wip #7423 @1 --- resources/puma/planogramme/style.css | 21 ++++++++++++++++++++- resources/puma/planogramme/style.css.map | 2 +- resources/puma/planogramme/style.less | 24 ++++++++++++++++++++++-- 3 files changed, 43 insertions(+), 4 deletions(-) diff --git a/resources/puma/planogramme/style.css b/resources/puma/planogramme/style.css index cd0f79b10..2f3239d57 100644 --- a/resources/puma/planogramme/style.css +++ b/resources/puma/planogramme/style.css @@ -22,11 +22,30 @@ font-size: 2.34mm; text-align: center; box-sizing: border-box; + -webkit-print-color-adjust: exact; } section { page-break-after: always; width: 297mm; + max-width: 297mm; + height: 209mm; + max-height: 209mm; + overflow: hidden; padding: 8mm 13mm; + position: relative; +} +section:before { + content: ''; + display: block; + position: absolute; + top: 10mm; + right: 13mm; + width: 30mm; + height: 17mm; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjQwLjI2NTY2bW0iCiAgIGhlaWdodD0iMTg1LjIwODMzbW0iCiAgIHZpZXdCb3g9IjAgMCAyNDAuMjY1NjYgMTg1LjIwODMzIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc1IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGEsIDIwMjItMDUtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJMb2dvIEdhZGxhaW5zIGNvcGllLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXc3IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iMC4wOTc3NTM4MjgiCiAgIGlua3NjYXBlOmN4PSItMTgyMC45MDA2IgogICBpbmtzY2FwZTpjeT0iNzcyLjM0ODI3IgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0NDAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjczNyIKICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOndpbmRvdy15PSIyNSIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNSIKICAgc2hvd2d1aWRlcz0iZmFsc2UiIC8+PGRlZnMKICAgaWQ9ImRlZnMyIiAvPjxnCiAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgaWQ9ImxheWVyMSIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYzMjAzNCwtMjguNTg2NzM2KSIgLz4KICAgICAgICAgICA8ZwogICB2aWV3Qm94PSIwIDAgNDggMzciCiAgIGlkPSJwdW1hLWxvZ28iCiAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMDA1NTgxNiwwLDAsNS4wMDU1ODE2LDAuMDAxOTAyMyw1Ljg0MDY3NDllLTQpIj48cGF0aAogICAgIGQ9Im0gNDcuNjg5LDAuNTE3IGMgLTAuODM0LC0xLjA2NiAtMi4yOTEsLTAuMjEzIC0yLjkzMywwLjE2IC00LjU2OSwyLjY5MiAtNS4yNDMsNy40MzIgLTYuODM0LDEwLjE1NCAtMS4yNTMsMi4xNzggLTMuMzA0LDMuNzc5IC01LjE1OSwzLjkwMyAtMS4zNzMsMC4wOTggLTIuODYxLC0wLjE2NyAtNC4zMzgsLTAuODEgLTMuNjEzLC0xLjU2MiAtNS41NiwtMy41ODMgLTYuMDM0LC0zLjk0IC0wLjk3MywtMC43MzkgLTguNDU5LC04LjAzIC0xNC41NTksLTguMzI3IDAsMCAtMC43NDQsLTEuNSAtMC45MywtMS41MjYgQyA2LjQ1NywwLjA4IDYsMS4wMzMgNS42NjksMS4xMzMgNS4zNjksMS4yMzggNC44NDQsMC4xMDkgNC41MzksMC4xNTggNC4yMzMsMC4yIDMuOTM2LDEuMzMgMy4zNCwxLjkxMyAyLjkwMSwyLjMzOCAyLjM2NywyLjMxMSAyLjA2NSwyLjgzOSAxLjk2MSwzLjAzMSAxLjk5NywzLjM2OSAxLjg3OSwzLjY3OSAxLjYyNiw0LjMyIDAuNzc3LDQuMzg3IDAuNzY5LDUuMDczIDAuNzY5LDUuODM1IDEuNDgzLDUuOTggMi4xMDcsNi41MTEgMi42MDMsNi45MzYgMi42MzcsNy4yMzYgMy4yMTYsNy40MzUgMy43MzEsNy42MTEgNC40OCw3LjA2MSA1LjE0NCw3LjI1OCA1LjY5Nyw3LjQyMSA2LjIyOSw3LjUzNyA2LjM0OCw4LjEwNCA2LjQ1Niw4LjYxNyA2LjM0OCw5LjQyIDUuNjY2LDkuMzMgNS40NDQsOS4zIDQuNDcyLDguOTgyIDMuMjcxLDkuMTEgMS44MjEsOS4yNjQgMC4xNjYsOS43MjggMC4wMDQsMTEuMzMgYyAtMC4wODMsMC44OTUgMS4wMjgsMS45NDIgMi4xMSwxLjczMyAwLjc0MiwtMC4xNDMgMC4zOTIsLTEuMDEzIDAuNzk3LC0xLjQzMyAwLjUzNSwtMC41NDEgMy41NDUsMS44ODggNi4zNDQsMS44ODggMS4xODYsMCAyLjA2MywtMC4zIDIuOTM1LC0xLjIxIDAuMDc4LC0wLjA1NyAwLjE4NSwtMC4yMDMgMC4zMSwtMC4yMTggMC4xMTMsMC4wMTUgMC4zMjQsMC4xMjggMC4zOSwwLjE3NSAyLjI2MiwxLjc5MyAzLjk2Nyw1LjM5OSAxMi4yNiw1LjQ0MSAxLjE2NCwwLjAxNCAyLjQ5OCwwLjU1OCAzLjU5MSwxLjU1MyAwLjk2LDAuODY2IDEuNTI4LDIuMjUxIDIuMDc1LDMuNjUgMC44MzYsMi4xMDYgMi4zMjIsNC4xMzkgNC41ODQsNi40MDcgMC4xMTksMC4xMzUgMS45OCwxLjU2MSAyLjExOSwxLjY2NiAwLjAyNSwwLjAyMSAwLjE2OCwwLjMzNCAwLjEwNiwwLjUxIC0wLjAzOSwxLjM4IC0wLjI0NSw1LjM0IDIuNzMxLDUuNTA2IDAuNzMxLDAuMDQgMC41NDksLTAuNDYzIDAuNTQ5LC0wLjgyIC0wLjAxLC0wLjY4MyAtMC4xMjksLTEuMzcxIDAuMjI2LC0yLjA4IDAuNTA3LC0wLjk1NyAtMS4wNTEsLTEuNDE4IC0xLjAxNywtMy41MTMgMC4wMzcsLTEuNTY3IC0xLjI5MSwtMS4zMDIgLTEuOTY5LC0yLjQ5OCAtMC4zODEsLTAuNjg3IC0wLjczNiwtMS4wNjUgLTAuNjk5LC0xLjg5NCAwLjE0NSwtNC43NiAtMS4wMzQsLTcuODk2IC0xLjYxLC04LjY1NCAtMC40NTUsLTAuNTg3IC0wLjg0NywtMC44MDYgLTAuNDE0LC0xLjA3OCAyLjQ4MSwtMS42MzIgMy4wNSwtMy4xNSAzLjA1LC0zLjE1IDEuMzIsLTMuMDgxIDIuNTEyLC01Ljg5IDQuMTUsLTcuMTM4IDAuMzMyLC0wLjI0MSAxLjE3NywtMC44OCAxLjcwMywtMS4xMiAxLjUyNywtMC43MjUgMi4zNDYsLTEuMTU2IDIuNzc3LC0xLjU3NiAwLjcxMSwtMC42NzUgMS4yNywtMi4xMDcgMC41ODgsLTIuOTYgeiIKICAgICBpZD0icGF0aDE2NyIgLz48L2c+PC9zdmc+Cg==); + background-size: contain; + background-position: 100% 50%; + background-repeat: no-repeat; } section * { page-break-after: avoid; @@ -36,7 +55,7 @@ section * { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, auto); gap: 3mm 5mm; - margin-top: 10mm; + margin-top: 9mm; } .Footwear .products { grid-template-columns: repeat(5, 1fr); diff --git a/resources/puma/planogramme/style.css.map b/resources/puma/planogramme/style.css.map index 6d95b776f..aff225010 100644 --- a/resources/puma/planogramme/style.css.map +++ b/resources/puma/planogramme/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y3pFAAA;;AAIJ;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y9gFAAA;;AAGJ;EACI;IACI,eAAA;;;AAIR;EACI,UAAA;EACA,SAAA;EACA,yCAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;;AAGJ;EACI,wBAAA;EACA,YAAA;EACA,iBAAA;;AAHJ,OAKI;EACI,uBAAA;;AAIR;EACI,aAAA;EACA,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;EACA,YAAA;EACA,gBAAA;;AAEA,SAAU;EACN,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;;AAIR;EACI,aAAA;EACA,sBAAA;;EACA,8BAAA;;AAHJ,OAKI;EACI,eAAA;EACA,gBAAA;EACA,cAAA;;AAEA,SAAU,QALd;EAMQ,eAAA;EACA,gBAAA;;AAKZ;AAAI;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;;AAIJ;EAEI,gBAAA;EACA,iBAAA;;AAIJ;EACI,gBAAA;EACA,iBAAA;;AAGJ;EACI,gBAAA","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.less"],"names":[],"mappings":"AAAA;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y3pFAAA;;AAIJ;EACI,aAAa,MAAb;EACA,kBAAA;EACA,gBAAA;EACA,y9gFAAA;;AAGJ;EACI;IACI,eAAA;;;AAIR;EACI,UAAA;EACA,SAAA;EACA,yCAAA;EACA,iBAAA;EACA,kBAAA;EACA,sBAAA;EACA,iCAAA;;AAGJ;EACI,wBAAA;EACA,YAAA;EACA,gBAAA;EACA,aAAA;EACA,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,kBAAA;;AAEA,OAAC;EACG,SAAS,EAAT;EACA,cAAA;EACA,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,6oIAAA;EACA,wBAAA;EACA,6BAAA;EACA,4BAAA;;AArBR,OAwBI;EACI,uBAAA;;AAIR;EACI,aAAA;EACA,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;EACA,YAAA;EACA,eAAA;;AAEA,SAAU;EACN,uBAAuB,cAAvB;EACA,oBAAoB,eAApB;;AAIR;EACI,aAAA;EACA,sBAAA;;EACA,8BAAA;;AAHJ,OAKI;EACI,eAAA;EACA,gBAAA;EACA,cAAA;;AAEA,SAAU,QALd;EAMQ,eAAA;EACA,gBAAA;;AAKZ;AAAI;EACA,iBAAA;EACA,gBAAA;EACA,yBAAA;;AAIJ;EAEI,gBAAA;EACA,iBAAA;;AAIJ;EACI,gBAAA;EACA,iBAAA;;AAGJ;EACI,gBAAA","file":"style.css"} \ No newline at end of file diff --git a/resources/puma/planogramme/style.less b/resources/puma/planogramme/style.less index 44332f8bc..0b49fde53 100644 --- a/resources/puma/planogramme/style.less +++ b/resources/puma/planogramme/style.less @@ -26,12 +26,32 @@ font-size: 2.34mm; text-align: center; box-sizing: border-box; + -webkit-print-color-adjust: exact; } section { page-break-after: always; width: 297mm; + max-width: 297mm; + height: 209mm; + max-height: 209mm; + overflow: hidden; padding: 8mm 13mm; + position: relative; + + &:before { + content: ''; + display: block; + position: absolute; + top: 10mm; + right: 13mm; + width: 30mm; + height: 17mm; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB3aWR0aD0iMjQwLjI2NTY2bW0iCiAgIGhlaWdodD0iMTg1LjIwODMzbW0iCiAgIHZpZXdCb3g9IjAgMCAyNDAuMjY1NjYgMTg1LjIwODMzIgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmc1IgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjIgKGRjMmFlZGEsIDIwMjItMDUtMTUpIgogICBzb2RpcG9kaTpkb2NuYW1lPSJMb2dvIEdhZGxhaW5zIGNvcGllLnN2ZyIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c29kaXBvZGk6bmFtZWR2aWV3CiAgIGlkPSJuYW1lZHZpZXc3IgogICBwYWdlY29sb3I9IiNmZmZmZmYiCiAgIGJvcmRlcmNvbG9yPSIjMDAwMDAwIgogICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICBpbmtzY2FwZTpzaG93cGFnZXNoYWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIKICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0ibW0iCiAgIHNob3dncmlkPSJmYWxzZSIKICAgaW5rc2NhcGU6em9vbT0iMC4wOTc3NTM4MjgiCiAgIGlua3NjYXBlOmN4PSItMTgyMC45MDA2IgogICBpbmtzY2FwZTpjeT0iNzcyLjM0ODI3IgogICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE0NDAiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjczNyIKICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOndpbmRvdy15PSIyNSIKICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNSIKICAgc2hvd2d1aWRlcz0iZmFsc2UiIC8+PGRlZnMKICAgaWQ9ImRlZnMyIiAvPjxnCiAgIGlua3NjYXBlOmxhYmVsPSJDYWxxdWUgMSIKICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgaWQ9ImxheWVyMSIKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuNTYzMjAzNCwtMjguNTg2NzM2KSIgLz4KICAgICAgICAgICA8ZwogICB2aWV3Qm94PSIwIDAgNDggMzciCiAgIGlkPSJwdW1hLWxvZ28iCiAgIHRyYW5zZm9ybT0ibWF0cml4KDUuMDA1NTgxNiwwLDAsNS4wMDU1ODE2LDAuMDAxOTAyMyw1Ljg0MDY3NDllLTQpIj48cGF0aAogICAgIGQ9Im0gNDcuNjg5LDAuNTE3IGMgLTAuODM0LC0xLjA2NiAtMi4yOTEsLTAuMjEzIC0yLjkzMywwLjE2IC00LjU2OSwyLjY5MiAtNS4yNDMsNy40MzIgLTYuODM0LDEwLjE1NCAtMS4yNTMsMi4xNzggLTMuMzA0LDMuNzc5IC01LjE1OSwzLjkwMyAtMS4zNzMsMC4wOTggLTIuODYxLC0wLjE2NyAtNC4zMzgsLTAuODEgLTMuNjEzLC0xLjU2MiAtNS41NiwtMy41ODMgLTYuMDM0LC0zLjk0IC0wLjk3MywtMC43MzkgLTguNDU5LC04LjAzIC0xNC41NTksLTguMzI3IDAsMCAtMC43NDQsLTEuNSAtMC45MywtMS41MjYgQyA2LjQ1NywwLjA4IDYsMS4wMzMgNS42NjksMS4xMzMgNS4zNjksMS4yMzggNC44NDQsMC4xMDkgNC41MzksMC4xNTggNC4yMzMsMC4yIDMuOTM2LDEuMzMgMy4zNCwxLjkxMyAyLjkwMSwyLjMzOCAyLjM2NywyLjMxMSAyLjA2NSwyLjgzOSAxLjk2MSwzLjAzMSAxLjk5NywzLjM2OSAxLjg3OSwzLjY3OSAxLjYyNiw0LjMyIDAuNzc3LDQuMzg3IDAuNzY5LDUuMDczIDAuNzY5LDUuODM1IDEuNDgzLDUuOTggMi4xMDcsNi41MTEgMi42MDMsNi45MzYgMi42MzcsNy4yMzYgMy4yMTYsNy40MzUgMy43MzEsNy42MTEgNC40OCw3LjA2MSA1LjE0NCw3LjI1OCA1LjY5Nyw3LjQyMSA2LjIyOSw3LjUzNyA2LjM0OCw4LjEwNCA2LjQ1Niw4LjYxNyA2LjM0OCw5LjQyIDUuNjY2LDkuMzMgNS40NDQsOS4zIDQuNDcyLDguOTgyIDMuMjcxLDkuMTEgMS44MjEsOS4yNjQgMC4xNjYsOS43MjggMC4wMDQsMTEuMzMgYyAtMC4wODMsMC44OTUgMS4wMjgsMS45NDIgMi4xMSwxLjczMyAwLjc0MiwtMC4xNDMgMC4zOTIsLTEuMDEzIDAuNzk3LC0xLjQzMyAwLjUzNSwtMC41NDEgMy41NDUsMS44ODggNi4zNDQsMS44ODggMS4xODYsMCAyLjA2MywtMC4zIDIuOTM1LC0xLjIxIDAuMDc4LC0wLjA1NyAwLjE4NSwtMC4yMDMgMC4zMSwtMC4yMTggMC4xMTMsMC4wMTUgMC4zMjQsMC4xMjggMC4zOSwwLjE3NSAyLjI2MiwxLjc5MyAzLjk2Nyw1LjM5OSAxMi4yNiw1LjQ0MSAxLjE2NCwwLjAxNCAyLjQ5OCwwLjU1OCAzLjU5MSwxLjU1MyAwLjk2LDAuODY2IDEuNTI4LDIuMjUxIDIuMDc1LDMuNjUgMC44MzYsMi4xMDYgMi4zMjIsNC4xMzkgNC41ODQsNi40MDcgMC4xMTksMC4xMzUgMS45OCwxLjU2MSAyLjExOSwxLjY2NiAwLjAyNSwwLjAyMSAwLjE2OCwwLjMzNCAwLjEwNiwwLjUxIC0wLjAzOSwxLjM4IC0wLjI0NSw1LjM0IDIuNzMxLDUuNTA2IDAuNzMxLDAuMDQgMC41NDksLTAuNDYzIDAuNTQ5LC0wLjgyIC0wLjAxLC0wLjY4MyAtMC4xMjksLTEuMzcxIDAuMjI2LC0yLjA4IDAuNTA3LC0wLjk1NyAtMS4wNTEsLTEuNDE4IC0xLjAxNywtMy41MTMgMC4wMzcsLTEuNTY3IC0xLjI5MSwtMS4zMDIgLTEuOTY5LC0yLjQ5OCAtMC4zODEsLTAuNjg3IC0wLjczNiwtMS4wNjUgLTAuNjk5LC0xLjg5NCAwLjE0NSwtNC43NiAtMS4wMzQsLTcuODk2IC0xLjYxLC04LjY1NCAtMC40NTUsLTAuNTg3IC0wLjg0NywtMC44MDYgLTAuNDE0LC0xLjA3OCAyLjQ4MSwtMS42MzIgMy4wNSwtMy4xNSAzLjA1LC0zLjE1IDEuMzIsLTMuMDgxIDIuNTEyLC01Ljg5IDQuMTUsLTcuMTM4IDAuMzMyLC0wLjI0MSAxLjE3NywtMC44OCAxLjcwMywtMS4xMiAxLjUyNywtMC43MjUgMi4zNDYsLTEuMTU2IDIuNzc3LC0xLjU3NiAwLjcxMSwtMC42NzUgMS4yNywtMi4xMDcgMC41ODgsLTIuOTYgeiIKICAgICBpZD0icGF0aDE2NyIgLz48L2c+PC9zdmc+Cg==); + background-size: contain; + background-position: 100% 50%; + background-repeat: no-repeat; + } * { page-break-after: avoid; @@ -43,7 +63,7 @@ section { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, auto); gap: 3mm 5mm; - margin-top: 10mm; + margin-top: 9mm; .Footwear & { grid-template-columns: repeat(5, 1fr); @@ -61,7 +81,7 @@ article { max-height: 40mm; margin: 0 auto; - .Footwear &{ + .Footwear & { max-width: 48mm; max-height: 30mm; } -- 2.39.5