capsules plus a la ligne, site name MATHALLO wysiwyg style

web_main/themes/custom/mathallo/assets/scss/wysiwyg.scss

@@ -0,0 +1,14 @@
+@import "partials/colors";
+@import "partials/fonts";
+
+
+span.mathallo-site-name{
+  font-family: 'Fredoka';
+  text-transform:uppercase;
+  color: $bleu_site;
+  font-weight: 500;
+}
+
+span.footnotes-preview{
+  background-color: $rose;
+}

web_main/themes/custom/mathallo/dev.mjs

@@ -0,0 +1,23 @@
+import { createServer, build } from 'vite'
+
+// Build watcher : écrit les fichiers dist sur disque en continu
+const watcher = await build({
+  build: { watch: {} },
+})
+
+// Dev server : HMR sur localhost:5173
+const server = await createServer()
+await server.listen()
+
+console.log('\n  HMR actif + dist générés en watch\n')
+
+const shutdown = async () => {
+  await Promise.allSettled([
+    watcher.close(),
+    server.close(),
+  ])
+  process.exit(0)
+}
+
+process.on('SIGINT', shutdown)
+process.on('SIGTERM', shutdown)

web_main/themes/custom/mathallo/mathallo.info.yml

@@ -5,6 +5,8 @@ description: mathallo drupal theme based on stark
 package: mathallo
 core: 0.x
 core_version_requirement: ^8 || ^9 || ^10
+ckeditor5-stylesheets:
+  - assets/dist/wysiwyg.css
 # libraries:
 #   - caravane/global
 regions:

web_main/themes/custom/mathallo/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "node dev.mjs",
     "build": "vite build",
     "preview": "vite preview"
   },

web_main/themes/custom/mathallo/templates/footnote-links.html.twig

@@ -1,5 +1,4 @@
 {% apply footnotes_spaceless %}
-  {# footnotes/footnote-links.html.twig #}
   {%- if footnote_links -%}
     <div class="footnote__citations-wrapper">
       {%- for footnote_link in footnote_links -%}

web_main/themes/custom/mathallo/vite.config.js

@@ -17,10 +17,13 @@ export default defineConfig({
   build: {
     outDir: 'assets/dist',
     rollupOptions: {
-      input: 'assets/js/main.js',
+      input: {
+        main: 'assets/js/main.js',
+        wysiwyg: 'assets/scss/wysiwyg.scss',
+      },
       output: {
-        entryFileNames: 'main.js',
-        assetFileNames: 'main.css'
+        entryFileNames: '[name].js',
+        assetFileNames: '[name].css',
       }
     }
   },