From 3ca363b6c093ff2ddd30945c245bd224b753eb70 Mon Sep 17 00:00:00 2001
From: Filip Znachor <filip@znachor.cz>
Date: Wed, 1 May 2024 18:00:59 +0200
Subject: [PATCH] Changed rem to em

---
 src/button.css   | 4 ++--
 src/checkbox.css | 4 ++--
 src/input.css    | 8 ++++----
 src/toggle.css   | 6 +++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/button.css b/src/button.css
index 18381bb..995b0a5 100644
--- a/src/button.css
+++ b/src/button.css
@@ -6,12 +6,12 @@
 
 .btn {
 	background-color: var(--synergy-btn-bg);
-	padding: 9px .8rem;
+	padding: 9px .8em;
 	border: 0;
 	color: var(--synergy-text-color);
 	font: inherit;
 	font-weight: 700;
-	font-size: 1rem;
+	font-size: 1em;
 	line-height: 1.25;
 	border-radius: var(--synergy-border-radius);
 	transition: .2s background-color;
diff --git a/src/checkbox.css b/src/checkbox.css
index a84c510..4e04bc5 100644
--- a/src/checkbox.css
+++ b/src/checkbox.css
@@ -25,8 +25,8 @@ label.cbox > input + * {
 label.cbox > input + *::before {
 	content: "";
 	display: block;
-	width: 1rem;
-	height: 1rem;
+	width: 1em;
+	height: 1em;
 	border-radius: 50%;
 	aspect-ratio: 1 / 1;
 	border: var(--synergy-border-width) solid var(--synergy-border);
diff --git a/src/input.css b/src/input.css
index fa23abd..2805e02 100644
--- a/src/input.css
+++ b/src/input.css
@@ -9,7 +9,7 @@
 	position: absolute;
 	top: 7px;
 	left: 5px;
-	font-size: 1rem;
+	font-size: 1em;
 	font-weight: 700;
 	transform-origin: 0 0;
 	transform: translate3d(0, 0, 0);
@@ -18,7 +18,7 @@
 	background: var(--synergy-bg);
 	padding: 3px 8px;
 	border-radius: 10px;
-	line-height: 1.2rem;
+	line-height: 1.2em;
 	color: var(--synergy-label);
 	margin: var(--synergy-border-width);
 }
@@ -31,7 +31,7 @@
 .inp :is(input, textarea):focus + label {
 	color: var(--synergy-label-active);
 	transform: scale(.8);
-	top: -.7rem;
+	top: -.7em;
 }
 
 /* Common styles */
@@ -41,7 +41,7 @@
 	width: 100%;
 	font-family: inherit;
 	padding: 10px 12px;
-	font-size: 1rem;
+	font-size: 1em;
 	font-weight: 500;
 	color: var(--synergy-text-color);
 	transition: border-color 0.15s ease;
diff --git a/src/toggle.css b/src/toggle.css
index 027ff6d..c62dff9 100644
--- a/src/toggle.css
+++ b/src/toggle.css
@@ -5,8 +5,8 @@
 	border-radius: 100px;
 	padding: 3px;
 	display: flex;
-	max-width: 2.6rem;
-	height: 1.5rem;
+	max-width: 2.6em;
+	height: 1.5em;
 	width: 100%;
 	position: relative;
 }
@@ -59,7 +59,7 @@
 	display: grid;
 	align-items: center;
 	gap: 20px;
-	grid-template-columns: 1fr 2.6rem;
+	grid-template-columns: 1fr 2.6em;
 }
 
 .toggle-text label {