diff --git a/core.css b/core.css index 6775e2a..22e1227 100644 --- a/core.css +++ b/core.css @@ -4,6 +4,8 @@ --primary-color: #002992; --primary-color-no-focus: #abbbdf; --color: white; + --font-size: 28px; + --min-font-size: 15px; } *:not(td):not(th) { @@ -26,7 +28,7 @@ main { flex-direction: column; justify-content: center; gap: 0; - margin: 1rem 1rem 0; + padding: 1rem 1rem 0; color: var(--color); } @@ -42,4 +44,4 @@ main { .meaning::after { content: ')'; -} \ No newline at end of file +} diff --git a/index.css b/index.css index 93e0646..80723d3 100644 --- a/index.css +++ b/index.css @@ -1,5 +1,5 @@ body { - font-size: clamp(11px, 2.1vw, 28px); + font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px)); } ul { @@ -59,8 +59,9 @@ li { align-items: center; text-align: center; clip-path: polygon(0% 100%, 50% 0%, 100% 100%); - min-height: 150px; - font-size: clamp(15px, 2.1vw, 28px); + /* Set --min-height in JS or fallback to 150px if --font-size is 28px, otherwise 110px */ + min-height: var(--min-height, 150px); + font-size: clamp(var(--min-font-size, 11px), 2.1vw, var(--font-size, 28px)); } .customer-satisfaction h2, diff --git a/main.ts b/main.ts index 3fede01..a7a40f9 100644 --- a/main.ts +++ b/main.ts @@ -31,12 +31,20 @@ if (display === 'house-only') { document.querySelectorAll('.hud')?.forEach((hud) => hud.remove()) } +const simpleCustomerSatisfaction = params.get('customer-satisfaction') + +if (simpleCustomerSatisfaction === 'simple') { + document.querySelector('.value-analysis-value-engineering')?.remove() +} + const size = params.get('size') if (size === 'small') { const body = document.querySelector('body') if (body) { - body.style.fontSize = '15px' + document.documentElement.style.setProperty('--min-height', '100px') + document.documentElement.style.setProperty('--font-size', '13px') + document.documentElement.style.setProperty('--min-font-size', '8px') } }