add --padding CSS Variable #874

jcubic · Apr 10, 2023 · fb51968 · fb51968
1 parent 47639fc
commit fb51968
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 13 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## 2.36.0
 ### Features
 * split_equal accept optional object as 3rd argument with two options `trim` and `keepWords`
+* add `--padding` CSS Variable [#874](https://github.com/jcubic/jquery.terminal/issues/874)
 ### Bugfix
 * fix leading spaces in text wrapping
 * fix glitch in typing animation when text have hyphen

diff --git a/css/jquery.terminal-2.35.3.css b/css/jquery.terminal-2.35.3.css
@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2023 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Mon, 10 Apr 2023 15:22:42 +0000
+ * Date: Mon, 10 Apr 2023 15:31:47 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -800,7 +800,7 @@ terminal .terminal-output > div {
     box-sizing: border-box;
 }
 .terminal-scroller, .terminal .terminal-fill, .cmd-editable {
-    padding: calc(10px / var(--pixel-density, 1));
+    padding: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
 }
 .cmd-editable {
     padding-top: 0;
@@ -818,7 +818,7 @@ terminal .terminal-output > div {
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color);
 }
 .terminal .cmd {
-    margin-bottom: calc(10px / var(--pixel-density, 1));
+    margin-bottom: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
     position: relative;
 }
 .terminal .partial, .terminal .partial > div {
@@ -966,6 +966,11 @@ terminal .terminal-output > div {
   inherits: true;
   initial-value: 1;
 }
+@property --padding {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 10;
+}
 @supports (-ms-ime-align:auto) {
     .terminal h1::selection,
     .terminal h2::selection,

diff --git a/css/jquery.terminal-2.35.3.min.css b/css/jquery.terminal-2.35.3.min.css
diff --git a/css/jquery.terminal-src.css b/css/jquery.terminal-src.css
@@ -800,7 +800,7 @@ terminal .terminal-output > div {
     box-sizing: border-box;
 }
 .terminal-scroller, .terminal .terminal-fill, .cmd-editable {
-    padding: calc(10px / var(--pixel-density, 1));
+    padding: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
 }
 .cmd-editable {
     padding-top: 0;
@@ -818,7 +818,7 @@ terminal .terminal-output > div {
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color);
 }
 .terminal .cmd {
-    margin-bottom: calc(10px / var(--pixel-density, 1));
+    margin-bottom: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
     position: relative;
 }
 .terminal .partial, .terminal .partial > div {
@@ -966,6 +966,11 @@ terminal .terminal-output > div {
   inherits: true;
   initial-value: 1;
 }
+@property --padding {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 10;
+}
 @supports (-ms-ime-align:auto) {
     .terminal h1::selection,
     .terminal h2::selection,

diff --git a/css/jquery.terminal.css b/css/jquery.terminal.css
@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2023 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Mon, 10 Apr 2023 15:22:42 +0000
+ * Date: Mon, 10 Apr 2023 15:31:47 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -800,7 +800,7 @@ terminal .terminal-output > div {
     box-sizing: border-box;
 }
 .terminal-scroller, .terminal .terminal-fill, .cmd-editable {
-    padding: calc(10px / var(--pixel-density, 1));
+    padding: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
 }
 .cmd-editable {
     padding-top: 0;
@@ -818,7 +818,7 @@ terminal .terminal-output > div {
     text-shadow: 0 0 calc(var(--glow) * 5px) var(--color);
 }
 .terminal .cmd {
-    margin-bottom: calc(10px / var(--pixel-density, 1));
+    margin-bottom: calc(1px * var(--padding, 10) / var(--pixel-density, 1));
     position: relative;
 }
 .terminal .partial, .terminal .partial > div {
@@ -966,6 +966,11 @@ terminal .terminal-output > div {
   inherits: true;
   initial-value: 1;
 }
+@property --padding {
+  syntax: '<number>';
+  inherits: true;
+  initial-value: 10;
+}
 @supports (-ms-ime-align:auto) {
     .terminal h1::selection,
     .terminal h2::selection,

diff --git a/css/jquery.terminal.min.css b/css/jquery.terminal.min.css
diff --git a/css/jquery.terminal.min.css.map b/css/jquery.terminal.min.css.map