add --line-thickness CSS variable to cursor animation

jcubic · Dec 17, 2023 · 6c58a40 · 6c58a40
1 parent 69a365a
commit 6c58a40
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 25 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## 2.38.0
 ### Features
 * add support for bigInt numbers
+* add `--line-thickness` CSS variable to cursor animation
 ### Bugfix
 * fix \t characters in ascii_table [#902](https://github.com/jcubic/jquery.terminal/issues/902)
 * fix race condition in refresh and flush [#897](https://github.com/jcubic/jquery.terminal/issues/897)

diff --git a/css/jquery.terminal-2.37.2.css b/css/jquery.terminal-2.37.2.css
@@ -12,7 +12,7 @@
  * Copyright (c) 2011-2023 Jakub T. Jankiewicz <https://jcubic.pl/me>
  * Released under the MIT license
  *
- * Date: Wed, 06 Dec 2023 14:24:45 +0000
+ * Date: Sun, 17 Dec 2023 13:42:45 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -513,7 +513,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -522,7 +522,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -531,7 +531,7 @@ terminal .terminal-output > div {
 @keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -541,7 +541,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -550,7 +550,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -559,7 +559,7 @@ terminal .terminal-output > div {
 @keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -1143,6 +1143,7 @@ terminal .terminal-output > div {
     scrollbar-color: var(--color, #aaa) var(--background, #000);
     scrollbar-width: thin;
 }
+
 /* visially hidden */
 .terminal-hidden {
     position: absolute !important;

diff --git a/css/jquery.terminal-2.37.2.min.css b/css/jquery.terminal-2.37.2.min.css
diff --git a/css/jquery.terminal-src.css b/css/jquery.terminal-src.css
@@ -513,7 +513,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -522,7 +522,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -531,7 +531,7 @@ terminal .terminal-output > div {
 @keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -541,7 +541,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -550,7 +550,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -559,7 +559,7 @@ terminal .terminal-output > div {
 @keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -1143,6 +1143,7 @@ terminal .terminal-output > div {
     scrollbar-color: var(--color, #aaa) var(--background, #000);
     scrollbar-width: thin;
 }
+
 /* visially hidden */
 .terminal-hidden {
     position: absolute !important;

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: Wed, 06 Dec 2023 14:24:45 +0000
+ * Date: Sun, 17 Dec 2023 13:42:45 +0000
  */
 .terminal .terminal-output .format, .cmd .format,
 .cmd-prompt, .cmd-prompt div {
@@ -513,7 +513,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -522,7 +522,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -531,7 +531,7 @@ terminal .terminal-output > div {
 @keyframes terminal-bar {
   0%, 50% {
       box-shadow: -2px 0 0 -1px #aaa;
-      box-shadow: -2px 0 0 -1px var(--original-color, #aaa);
+      box-shadow: calc(var(--line-thickness, 2) * -1px) 0 0 -1px var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -541,7 +541,7 @@ terminal .terminal-output > div {
 @-webkit-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -550,7 +550,7 @@ terminal .terminal-output > div {
 @-moz-keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -559,7 +559,7 @@ terminal .terminal-output > div {
 @keyframes terminal-underline {
   0%, 50% {
       box-shadow: 0 2px 0 #aaa;
-      box-shadow: 0 2px 0 var(--original-color, #aaa);
+      box-shadow: 0 calc(var(--line-thickness, 2) * 1px) 0 var(--original-color, #aaa);
   }
   50.1%, 100% {
       box-shadow: none;
@@ -1143,6 +1143,7 @@ terminal .terminal-output > div {
     scrollbar-color: var(--color, #aaa) var(--background, #000);
     scrollbar-width: thin;
 }
+
 /* visially hidden */
 .terminal-hidden {
     position: absolute !important;

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