From e190faa8bab08134bd4e39be49d080cfdc8f8df5 Mon Sep 17 00:00:00 2001
From: Guillaume-gdi <gdi@odoo.com>
Date: Tue, 28 Nov 2023 16:48:56 +0100
Subject: [PATCH] [FIX] web_editor: make new font size classes responsive

Since [this other commit], we use classes to change the font size of
text. Unfortunately, we forgot to make them responsive. This commit
fixes that.

[this other commit]: https://github.com/odoo/odoo/commit/194f73a9bbad8c3c3fb5c378e7bdfa704aaacdc0

task-3615976

closes odoo/odoo#144047

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 .../static/src/scss/web_editor.common.scss       | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/addons/web_editor/static/src/scss/web_editor.common.scss b/addons/web_editor/static/src/scss/web_editor.common.scss
index 85197aa8de3..300e5812c2a 100644
--- a/addons/web_editor/static/src/scss/web_editor.common.scss
+++ b/addons/web_editor/static/src/scss/web_editor.common.scss
@@ -252,29 +252,29 @@ img.ms-auto, img.mx-auto {
 
 @for $index from 1 through 4 {
     .display-#{$index}-fs {
-        font-size: map-get($display-font-sizes, $index);
+        @include font-size(map-get($display-font-sizes, $index));
     }
 }
 .h1-fs {
-    font-size: $h1-font-size;
+    @include font-size($h1-font-size);
 }
 .h2-fs {
-    font-size: $h2-font-size;
+    @include font-size($h2-font-size);
 }
 .h3-fs {
-    font-size: $h3-font-size;
+    @include font-size($h3-font-size);
 }
 .h4-fs {
-    font-size: $h4-font-size;
+    @include font-size($h4-font-size);
 }
 .h5-fs {
-    font-size: $h5-font-size;
+    @include font-size($h5-font-size);
 }
 .h6-fs {
-    font-size: $h6-font-size;
+    @include font-size($h6-font-size);
 }
 .base-fs {
-    font-size: $font-size-base;
+    @include font-size($font-size-base);
 }
 
 div.media_iframe_video {