npm - @jaisocx/css-code-snippet - Versions diffs - 1.3.7 → 1.4.0 - Mend

@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html id="basetheme_css_code_snippet_preview" class="jsx" lang="en">
+<head>
+  <title> Jaisocx Css Code Snippet </title>
+  <base href="./" />
+  <meta charset="utf-8" />
+  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+<!--  CSS CLEAN START LITE SAME CSS VARIABLES NAMES, HOWEVER 10 TIMES SMALLER SINCE WITHOUT FINE-TUNING FOR RESPONSIVE STYLES-->
+  <link
+      rel="stylesheet"
+      type="text/css"
+      charset="utf-8"
+      href="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
+      href-fallback="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
+      onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
+  />
+<!--  CSS CODE SNIPPET-->
+  <link
+    fetchpriority="medium"
+    rel="stylesheet"
+    type="text/css"
+    charset="utf-8"
+    href="MediaAndStyles/CssCodeSnippet_main_resolved.css"
+  />
+  <style name="css clean start overrides for this site">
+    .jsx#basetheme_css_code_snippet_preview {
+      --jsx--css-clean-start-2--h1--font-size: 0.9rem;
+    }
+    @media only screen and (min-width: 2px) and (max-width: 767px) and (orientation: portrait),
+    only screen and (min-width: 2px) and (max-width: 767px) and (orientation: landscape) {
+      .jsx#basetheme_css_code_snippet_preview {
+        --responsive_size: responsive_size_til_h03_tablet_s_portrait;
+        --jsx--css-clean-start-2--site--min-width: 100%;
+        --jsx--css-clean-start-2--site--max-width: 100%;
+        --jsx--css-clean-start-2--site--width: 100%;
+        --jsx--css-clean-start-2--h1--font-size: 1rem;
+      }
+    }
+  </style>
+  <style name="css code snippet overrides for this site">
+    .jsx .CodeSnippetHolder#code-snippet-example {
+      --lines-numbers--content--10: "\0031\00a\0032\00a\0033\00a\0034\00a\0035\00a\0036\00a\0037\00a\0038\00a\0039\00a\0031\0030\00a";
+      --lines-numbers--content: var(--lines-numbers--content--10);
+      --lines-number: 3;
+    }
+  </style>
+</head>
+<body>
+  <main>
+    <content>
+        <h1> @jaisocx/css-code-snippet </h1>
+        <css_code_snippet id="code-snippet-example" class="CodeSnippetHolder little salad">
+          <pre class="CodeSnippetArea">
+{
+    "@CssCodeSnippet_MediaAndStyles": "${packageRoot}/MediaAndStyles/"
+}
+          </pre>
+        </css_code_snippet>
+      </content>
+  </main>
+</body>
+</html>

@@ -30,7 +30,7 @@
    */
   --lines-numbers--content: var(--lines-numbers--content--99);
-  --code_snippet__font_family: var(--css-clean-start-2--monospace--font-family) Courier, "Courier New", Menlo, Consolas, 'Liberation Mono';
+  --code_snippet__font_family: Courier, "Courier New", Menlo, Consolas, 'Liberation Mono';
   /* code snippet tool borders */
   /* by color */

@@ -1,19 +1,21 @@
 # CSS Code Snippet
-## Author, Owner
-Jaisocx Company
+#### status
+  > ✅  yarn add | npm install Ok
-## see in action
+  > ✅ `.html` previews Ok
-[https://sandbox.brightday.email/sites_tools/css_tools/CssCodeSnippet/index.example.html](https://sandbox.brightday.email/sites_tools/css_tools/CssCodeSnippet/index.example.html)
-## github
+#### supports
+  > Client Side
+  > Server Side
-### Parent github project Workspace
-[https://github.com/Jaisocx-Tools/Workspace](https://github.com/Jaisocx-Tools/Workspace)
+```
+   Browser |   Express |   Console |
+    ✅ yes |     ✅ yes |     ❌ no |
+```
+---
-### Css Code Snippet
-[https://github.com/Jaisocx-Tools/Workspace/tree/main/workspace/ts/Jaisocx_SitesTools/sites_tools/css_tools/CssCodeSnippet](https://github.com/Jaisocx-Tools/Workspace/tree/main/workspace/ts/Jaisocx_SitesTools/sites_tools/css_tools/CssCodeSnippet)

@jaisocx/css-code-snippet 1.3.7 → 1.4.0