From ccb25e530222ebe8cfd39e60dfbfa265a3f2566f Mon Sep 17 00:00:00 2001
From: Greenscreener <honzikcernoh@gmail.com>
Date: Mon, 8 Jul 2019 15:37:18 +0200
Subject: [PATCH] Removed calc()s. The magic I planned to make didn't work
 anyway.

---
 patekLogo.js | 20 +++++++-------------
 1 file changed, 7 insertions(+), 13 deletions(-)

diff --git a/patekLogo.js b/patekLogo.js
index 3d95b70..32adef2 100644
--- a/patekLogo.js
+++ b/patekLogo.js
@@ -37,14 +37,11 @@ class PatekLogo extends HTMLElement {
         this.shadow.innerHTML = `
             <style>
                 @import 'https://unpkg.com/firacode@1.206.0/distr/fira_code.css';
-                svg, #titleText, #subtitleText {
-                    --logo-scale: 1; 
-                }
                 svg > * {
                     fill: currentColor;
                 }
                 svg {
-                    height: calc(2em * var(--logo-scale));
+                    height: 2em;
                 }
                 #titleText, #subtitleText {
                     font-family: 'Fira Code';
@@ -62,16 +59,14 @@ class PatekLogo extends HTMLElement {
                     visibility: hidden;
                 }
                 #titleText {
-                    --font-size: 1;
-                    font-size: calc(1em * var(--font-size) * var(--logo-scale));
-                    right: calc(1.1em / var(--font-size) * var(--logo-scale));
-                    bottom: calc(1.5em / var(--font-size) * var(--logo-scale));
+                    font-size: 1em;
+                    right: 1.1em;
+                    bottom: 1.5em;
                 }
                 #subtitleText {
-                    --font-size: 0.6;
-                    font-size: calc(1em * var(--font-size) * var(--logo-scale));
-                    top: calc(0.95em / var(--font-size) * var(--logo-scale));
-                    right: calc(2.05em / var(--font-size) * var(--logo-scale));
+                    font-size: 0.6em;
+                    top: 1.583333333em;
+                    right: 3.31666666em;
                 }
                 #wrapper {
                     position: relative;
@@ -88,7 +83,6 @@ class PatekLogo extends HTMLElement {
                 }
             </style>
         `;
-        // The magic with the --scale variable doesn't work, but I left it in there just in case we would want to somehow use it later. 
         const wrapper = document.createElement("span");
         wrapper.setAttribute('id','wrapper');
         wrapper.innerHTML += `<span id="titlePlaceholder">${typeof this.attributes.title !== "undefined" ? this.attributes.title.value : "Pátek"}</span>`;