From 64a7ae348635adbf3c87bafc798e6dfd753a0cc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Fri, 1 Dec 2023 18:30:32 +0100
Subject: [PATCH] New file header using custom properties to handle Meta

---
 TangerineUI-cherry.css | 12 ++++--------
 TangerineUI-purple.css | 12 ++++--------
 TangerineUI.css        | 12 ++++--------
 3 files changed, 12 insertions(+), 24 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 90a22d1..a2d235b 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -1,19 +1,15 @@
-/*  TangerineUI 🍊 for Mastodon ・ Cherry variant 🍒
-    version: 2.0.0-pre
+/*  Tangerine UI for Mastodon 🍊
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
 
     by @nileane@nileane.fr
-
-    Compatible with: Mastodon v4.3.0 ✅
 */
 
-/* 📄 Version */
+/* 📄 Meta */
 :root {
     --version: "v2.0.0-pre";
     --variant: "🍒 Cherry";
-    --version-f: var(--version) ' · ' var(--variant) ' variant';
 }
 
 /* 🎨 Colors */
@@ -4222,8 +4218,7 @@ a:is(.active,
 }
 
 
-/* 📄 Meta
-   ------- */
+/* 📄 Meta footer */
 .app-body .link-footer {
     margin-bottom: 10px;
     display: flex;
@@ -4240,6 +4235,7 @@ a:is(.active,
     order: 9;
 }
 .app-body .link-footer::after {
+    --version-f: var(--version) ' · ' var(--variant) ' variant';
     content: var(--version-f);
     color: var(--color-fg-muted);
     order: 10;
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 81166cc..5ca70e3 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1,19 +1,15 @@
-/*  TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
-    version: 2.0.0-pre
+/*  Tangerine UI for Mastodon 🍊
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
 
     by @nileane@nileane.fr
-
-    Compatible with: Mastodon v4.3.0 ✅
 */
 
-/* 📄 Version */
+/* 📄 Meta */
 :root {
     --version: "v2.0.0-pre";
     --variant: "🪻 Purple";
-    --version-f: var(--version) ' · ' var(--variant) ' variant';
 }
 
 /* 🎨 Colors */
@@ -4221,8 +4217,7 @@ a:is(.active,
 }
 
 
-/* 📄 Meta
-   ------- */
+/* 📄 Meta footer */
 .app-body .link-footer {
     margin-bottom: 10px;
     display: flex;
@@ -4239,6 +4234,7 @@ a:is(.active,
     order: 9;
 }
 .app-body .link-footer::after {
+    --version-f: var(--version) ' · ' var(--variant) ' variant';
     content: var(--version-f);
     color: var(--color-fg-muted);
     order: 10;
diff --git a/TangerineUI.css b/TangerineUI.css
index b4318ac..c721d92 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1,19 +1,15 @@
-/*  TangerineUI 🍊 for Mastodon
-    version: 2.0.0-pre
+/*  Tangerine UI for Mastodon 🍊
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
 
     by @nileane@nileane.fr
-
-    Compatible with: Mastodon v4.3.0 ✅
 */
 
-/* 📄 Version */
+/* 📄 Meta */
 :root {
     --version: "v2.0.0-pre";
     --variant: "🍊 Tangerine";
-    --version-f: var(--version) ' · ' var(--variant) ' variant';
 }
 
 /* 🎨 Colors */
@@ -4222,8 +4218,7 @@ a:is(.active,
 }
 
 
-/* 📄 Meta
-   ------- */
+/* 📄 Meta footer */
 .app-body .link-footer {
     margin-bottom: 10px;
     display: flex;
@@ -4240,6 +4235,7 @@ a:is(.active,
     order: 9;
 }
 .app-body .link-footer::after {
+    --version-f: var(--version) ' · ' var(--variant) ' variant';
     content: var(--version-f);
     color: var(--color-fg-muted);
     order: 10;