add --char-width and --char-height CSS variables

Author: jcubic

css/jquery.terminal-src.css

@@ -989,6 +989,11 @@ terminal .terminal-output > div {
     inherits: true;
     initial-value: auto;
 }
+@property --cols {
+    syntax: '<number> | auto';
+    inherits: true;
+    initial-value: auto;
+}
 @supports (-ms-ime-align:auto) {
     .terminal h1::selection,
     .terminal h2::selection,

css/jquery.terminal.css

@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2024 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Sun, 17 Nov 2024 13:13:41 +0000
+ * Date: Mon, 18 Nov 2024 22:45:17 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -989,6 +989,11 @@ terminal .terminal-output > div {
     inherits: true;
     initial-value: auto;
 }
+@property --cols {
+    syntax: '<number> | auto';
+    inherits: true;
+    initial-value: auto;
+}
 @supports (-ms-ime-align:auto) {
     .terminal h1::selection,
     .terminal h2::selection,

css/jquery.terminal.min.css

@@ -12580,9 +12580,18 @@
             });
             function calculate_char_size() {
                 var width = char_size.width;
+                var height = char_size.height;
                 char_size = get_char_size(self);
+                var css_vars = {};
                 if (width !== char_size.width) {
                     command_line.option('charWidth', char_size.width).refresh();
+                    css_vars['char-width'] = char_size.width;
+                }
+                if (height !== char_size.height) {
+                    css_vars['char-height'] = char_size.height;
+                }
+                if (Object.keys(css_vars).length) {
+                    css(self[0], css_vars);
                 }
             }
             resize();

css/jquery.terminal.min.css.map

@@ -41,7 +41,7 @@
  *
  * broken image by Sophia Bai from the Noun Project (CC-BY)
  *
- * Date: Sun, 17 Nov 2024 13:32:31 +0000
+ * Date: Mon, 18 Nov 2024 22:45:16 +0000
  */
 /* global define, Map, BigInt */
 /* eslint-disable */
@@ -5345,7 +5345,7 @@
     // -------------------------------------------------------------------------
     $.terminal = {
         version: 'DEV',
-        date: 'Sun, 17 Nov 2024 13:32:31 +0000',
+        date: 'Mon, 18 Nov 2024 22:45:16 +0000',
         // colors from https://www.w3.org/wiki/CSS/Properties/color/keywords
         color_names: [
             'transparent', 'currentcolor', 'black', 'silver', 'gray', 'white',
@@ -12580,9 +12580,18 @@
             });
             function calculate_char_size() {
                 var width = char_size.width;
+                var height = char_size.height;
                 char_size = get_char_size(self);
+                var css_vars = {};
                 if (width !== char_size.width) {
                     command_line.option('charWidth', char_size.width).refresh();
+                    css_vars['char-width'] = char_size.width;
+                }
+                if (height !== char_size.height) {
+                    css_vars['char-height'] = char_size.height;
+                }
+                if (Object.keys(css_vars).length) {
+                    css(self[0], css_vars);
                 }
             }
             resize();