T14: Resize Tumblr controls with chosen font size

wovenstarlight · Nov 16, 2024 · 41b250e · 41b250e
1 parent 1a2c3e7
commit 41b250e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/theme14/theme14.css b/theme14/theme14.css
@@ -217,6 +217,8 @@ img.lightboxable { cursor: pointer }
 .tmblr-iframe--unified-controls {
 	top: 5em !important;
 	right: 1em !important;
+	transform: scale(calc(var(--font-size) / 16));
+	transform-origin: top right;
 }
 /* Tooltips */
 .tippy-box[data-theme~="ssrg"] {

diff --git a/theme14/theme14.html b/theme14/theme14.html
@@ -24,7 +24,7 @@
 	{block:Hidden}
 	<!-- THEME VARIABLES -->
 	<!-- Text and coloration -->
-	<meta name="text:Font size" content="16px">
+	<meta name="text:Font size" content="16">
 	<meta name="color:Accent" content="#481f19">
 
 	<!-- Title coloration display option -->
@@ -106,7 +106,8 @@
 	<!-- Theme styles -->
 	<style>
 		:root {
-			font-size: {text:Font size};
+			font-size: {text:Font size}px;
+			--font-size: {text:Font size};
 			--bg-img: url('{image:Background}');
 			--bg-position: {select:Background image focus};
 			--profile-banner-position: {select:Profile banner image focus};