[IMP] website, web, *: allow to choose website font-size

*: web_editor

Note: this work also prepare the code to be able to support different
font configs per font family.

Part of https://github.com/odoo/odoo/pull/52220
task-2197038

1 files changed, 23 insertions, 0 deletions

diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss
index c178844b095..d0fa36444c4 100644
--- a/addons/web_editor/static/src/scss/web_editor.variables.scss
+++ b/addons/web_editor/static/src/scss/web_editor.variables.scss
@@ -100,6 +100,7 @@ $o-we-toolbar-height: 32px;
 // Used to preserve web_editor and website UI from themes customizations
 
 @mixin o-w-preserve-base {
+    font-size: $o-we-font-size;
     font-family: $o-we-font-family;
     line-height: 1.5;
     color: $o-we-color-divider;
@@ -116,6 +117,24 @@ $o-we-toolbar-height: 32px;
         color: $o-we-color-dark;
         font-weight: bold;
     }
+    h1, .h1 {
+        font-size: 2.4 * $o-we-font-size;
+    }
+    h2, .h2 {
+        font-size: 1.5 * $o-we-font-size;
+    }
+    h3, .h3 {
+        font-size: 1.3 * $o-we-font-size;
+    }
+    h4, .h4 {
+        font-size: 1.2 * $o-we-font-size;
+    }
+    h5, .h5 {
+        font-size: 1.1 * $o-we-font-size;
+    }
+    h6, .h6 {
+        font-size: $o-we-font-size;
+    }
 }
 
 @mixin o-w-preserve-links {
@@ -190,6 +209,10 @@ $o-we-toolbar-height: 32px;
             text-align: left;
         }
     }
+
+    .close {
+        font-size: 1.5 * $o-we-font-size;
+    }
 }
 
 @mixin o-w-preserve-tabs {