MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Added social medis demo css

Browse Source
This commit is contained in:
Jonathan Miller
2026-01-18 10:14:23 -06:00
parent 66e20ef1cb
commit 3008ee9a60
3 changed files with 272 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/media/css/template.css
View File

@@ -5127,7 +5127,7 @@ fieldset:disabled .btn {
--card-cap-padding-y: 0.5rem; --card-cap-padding-y: 0.5rem;
--card-cap-padding-x: 1rem; --card-cap-padding-x: 1rem;
--card-cap-bg: rgba(0, 0, 0, 0.03); --card-cap-bg: rgba(0, 0, 0, 0.03);
--card-cap-color: ; --card-cap-color: var(--color-primary);
--card-height: ; --card-height: ;
--card-color: ; --card-color: ;
--card-bg: var(--nav-text-color); --card-bg: var(--nav-text-color);
@@ -17241,7 +17241,3 @@ button#mokoThemeSwitch {
outline: 2px dashed var(--pink); outline: 2px dashed var(--pink);
outline-offset: 2px; outline-offset: 2px;
} }
/* SOCIAL MEDIA DEMOS */
@import url("global/social-media-demos.css");

5
src/templates/index.php
View File

@@ -85,8 +85,8 @@ $templatePath = 'media/templates/site/moko-cassiopeia';
// =========================== // ===========================
// Core template CSS // Core template CSS
$wa->useStyle('template.base'); // css/template.css $wa->useStyle('template.global.base'); // css/template.css
$wa->useStyle('template.user'); // css/user.css $wa->useStyle('template.global.social-media-demo'); // css/user.css
// Optional vendor CSS // Optional vendor CSS
$wa->useStyle('vendor.bootstrap-toc'); $wa->useStyle('vendor.bootstrap-toc');
@@ -238,6 +238,7 @@ if ($this->params->get('faKitCode')) {
$params_leftIcon = htmlspecialchars($this->params->get('drawerLeftIcon', 'fa-solid fa-chevron-left'), ENT_COMPAT, 'UTF-8'); $params_leftIcon = htmlspecialchars($this->params->get('drawerLeftIcon', 'fa-solid fa-chevron-left'), ENT_COMPAT, 'UTF-8');
$params_rightIcon = htmlspecialchars($this->params->get('drawerRightIcon', 'fa-solid fa-chevron-right'), ENT_COMPAT, 'UTF-8'); $params_rightIcon = htmlspecialchars($this->params->get('drawerRightIcon', 'fa-solid fa-chevron-right'), ENT_COMPAT, 'UTF-8');
$wa->useStyle('template.user'); // css/user.css
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <html lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">

79
src/templates/joomla.asset.json
View File

@@ -23,15 +23,16 @@
}, },
"assets": [ "assets": [
{ {
"name": "template.base", "name": "template.global.base",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.css", "uri": "media/templates/site/moko-cassiopeia/css/template.css",
"attributes": {"media": "all"} "attributes": {"media": "all"}
}, },
{ {
"name": "template.base.min", "name": "template.global.base.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/template.min.css" "uri": "media/templates/site/moko-cassiopeia/css/template.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.user", "name": "template.user",
@@ -42,7 +43,8 @@
{ {
"name": "template.user.min", "name": "template.user.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/user.min.css" "uri": "media/templates/site/moko-cassiopeia/css/user.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.editor", "name": "template.editor",
@@ -53,7 +55,8 @@
{ {
"name": "template.editor.min", "name": "template.editor.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/editor.min.css" "uri": "media/templates/site/moko-cassiopeia/css/editor.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.bootstrap-toc", "name": "vendor.bootstrap-toc",
@@ -64,52 +67,62 @@
{ {
"name": "vendor.bootstrap-toc.min", "name": "vendor.bootstrap-toc.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/afeld/bootstrap-toc.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_standard", "name": "template.light.colors_standard",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_standard.min", "name": "template.light.colors_standard.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_standard.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_alternative", "name": "template.light.colors_alternative",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_alternative.min", "name": "template.light.colors_alternative.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.min.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_alternative.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_custom", "name": "template.light.colors_custom",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.light.colors_custom.min", "name": "template.light.colors_custom.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/light/colors_custom.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_standard", "name": "template.dark.colors_standard",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_standard.min", "name": "template.dark.colors_standard.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_standard.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_alternative", "name": "template.dark.colors_alternative",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_alternative.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_alternative.min", "name": "template.dark.colors_alternative.min",
@@ -119,12 +132,14 @@
{ {
"name": "template.dark.colors_custom", "name": "template.dark.colors_custom",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.dark.colors_custom.min", "name": "template.dark.colors_custom.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css" "uri": "media/templates/site/moko-cassiopeia/css/colors/dark/colors_custom.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.js", "name": "template.js",
@@ -194,52 +209,62 @@
{ {
"name": "vendor.fa7free.all.min", "name": "vendor.fa7free.all.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/all.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.brands", "name": "vendor.fa7free.brands",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.brands.min", "name": "vendor.fa7free.brands.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/brands.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.fontawesome", "name": "vendor.fa7free.fontawesome",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.fontawesome.min", "name": "vendor.fa7free.fontawesome.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/fontawesome.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.regular", "name": "vendor.fa7free.regular",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.regular.min", "name": "vendor.fa7free.regular.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/regular.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.solid", "name": "vendor.fa7free.solid",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "vendor.fa7free.solid.min", "name": "vendor.fa7free.solid.min",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.min.css" "uri": "media/templates/site/moko-cassiopeia/vendor/fa7free/css/solid.min.css",
"attributes": {"media": "all"}
}, },
{ {
"name": "template.global.social-media-demo", "name": "template.global.social-media-demo",
"type": "style", "type": "style",
"uri": "media/templates/site/moko-cassiopeia/css/global/social-media-demo.css" "uri": "media/templates/site/moko-cassiopeia/css/global/social-media-demo.css",
"attributes": {"media": "all"}
} }
] ]
} }