chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New file header using custom properties to handle Meta

Browse source
This commit is contained in:
Niléane 2023-12-01 18:30:32 +01:00
commit 64a7ae3486
No known key found for this signature in database
3 changed files with 12 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

12
TangerineUI-cherry.css
View file

@ -1,19 +1,15 @@
/* TangerineUI 🍊 for Mastodon ・ Cherry variant 🍒 /* Tangerine UI for Mastodon 🍊
version: 2.0.0-pre
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
by @nileane@nileane.fr by @nileane@nileane.fr
Compatible with: Mastodon v4.3.0 ✅
*/ */
/* 📄 Version */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-pre"; --version: "v2.0.0-pre";
--variant: "🍒 Cherry"; --variant: "🍒 Cherry";
--version-f: var(--version) ' · ' var(--variant) ' variant';
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -4222,8 +4218,7 @@ a:is(.active,
} }
/* 📄 Meta /* 📄 Meta footer */
------- */
.app-body .link-footer { .app-body .link-footer {
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
@ -4240,6 +4235,7 @@ a:is(.active,
order: 9; order: 9;
} }
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;

12
TangerineUI-purple.css
View file

@ -1,19 +1,15 @@
/* TangerineUI 🍊 for Mastodon ・ Purple variant 🪻 /* Tangerine UI for Mastodon 🍊
version: 2.0.0-pre
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
by @nileane@nileane.fr by @nileane@nileane.fr
Compatible with: Mastodon v4.3.0 ✅
*/ */
/* 📄 Version */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-pre"; --version: "v2.0.0-pre";
--variant: "🪻 Purple"; --variant: "🪻 Purple";
--version-f: var(--version) ' · ' var(--variant) ' variant';
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -4221,8 +4217,7 @@ a:is(.active,
} }
/* 📄 Meta /* 📄 Meta footer */
------- */
.app-body .link-footer { .app-body .link-footer {
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
@ -4239,6 +4234,7 @@ a:is(.active,
order: 9; order: 9;
} }
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;

12
TangerineUI.css
View file

@ -1,19 +1,15 @@
/* TangerineUI 🍊 for Mastodon /* Tangerine UI for Mastodon 🍊
version: 2.0.0-pre
A Tangerine redesign for Mastodon's Web UI. A Tangerine redesign for Mastodon's Web UI.
https://github.com/nileane/TangerineUI-for-Mastodon/ https://github.com/nileane/TangerineUI-for-Mastodon/
by @nileane@nileane.fr by @nileane@nileane.fr
Compatible with: Mastodon v4.3.0 ✅
*/ */
/* 📄 Version */ /* 📄 Meta */
:root { :root {
--version: "v2.0.0-pre"; --version: "v2.0.0-pre";
--variant: "🍊 Tangerine"; --variant: "🍊 Tangerine";
--version-f: var(--version) ' · ' var(--variant) ' variant';
} }
/* 🎨 Colors */ /* 🎨 Colors */
@ -4222,8 +4218,7 @@ a:is(.active,
} }
/* 📄 Meta /* 📄 Meta footer */
------- */
.app-body .link-footer { .app-body .link-footer {
margin-bottom: 10px; margin-bottom: 10px;
display: flex; display: flex;
@ -4240,6 +4235,7 @@ a:is(.active,
order: 9; order: 9;
} }
.app-body .link-footer::after { .app-body .link-footer::after {
--version-f: var(--version) ' · ' var(--variant) ' variant';
content: var(--version-f); content: var(--version-f);
color: var(--color-fg-muted); color: var(--color-fg-muted);
order: 10; order: 10;