@jaisocx/css-code-snippet 1.4.1 → 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,3 @@
1
-
2
- /* @import url("@CssCodeSnippet_MediaAndStyles/responsive_size_Constants.css"); */
3
- /* @import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-99.css"); */
4
- /* @import url("@CssCodeSnippet_MediaAndStyles/lines-numbers-variables/code-snippet-lines-numbers-300.css"); */
5
-
6
-
7
-
8
1
  @import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/css_code_snippet__css_clean_start_2__color_theme.css");
9
2
 
10
3
  @import url("@CssCodeSnippet_MediaAndStyles/themes/color_themes/csstool-codesnippet-theme-colour-blue.css");
@@ -1,8 +1,16 @@
1
1
 
2
+ .jsx .CodeSnippetHolder.css_clean_start_2__color_theme {
3
+ --code-snippet--theme-color: var(--jsx--css-clean-start-2--body-tag--background);
4
+ --code-snippet--background-color: var(--jsx--css-clean-start-2--site--background);
2
5
 
3
6
 
7
+ --code-snippet--text-color: var(--jsx--css-clean-start-2--all-tags--color);
4
8
 
9
+ --code-snippet-tool--border-color: var(--jsx--css-clean-start-2--all-tags--border-color);
5
10
 
11
+ --code_snippet__column_numbers__text-color: var(--jsx--css-clean-start-2--all-tags--border-color);
12
+ --code_snippet__column_numbers__background-color: var(--jsx--css-clean-start-2--body-tag--background);
13
+ }
6
14
 
7
15
 
8
16
 
@@ -245,7 +253,7 @@
245
253
 
246
254
  --lines-numbers--content: var(--lines-numbers--content--99);
247
255
 
248
- --code_snippet__font_family: var(--css-clean-start-2--monospace--font-family) Courier, "Courier New", Menlo, Consolas, 'Liberation Mono';
256
+ --code_snippet__font_family: Courier, "Courier New", Menlo, Consolas, 'Liberation Mono';
249
257
 
250
258
 
251
259
 
@@ -10,17 +10,29 @@
10
10
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
11
11
 
12
12
 
13
+ <link
14
+ id="icon_jaisocx"
15
+ rel="icon"
16
+ type="image/x-icon"
17
+ href="node_modules/@jaisocx/css_clean_start_lite/favicon/Icon_Jaisocx.ico"
18
+ href-fallback="../css_clean_start_lite/favicon/Icon_Jaisocx.ico"
19
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
20
+ />
21
+
13
22
 
14
- <!-- CSS CLEAN START LITE SAME CSS VARIABLES NAMES, HOWEVER 10 TIMES SMALLER SINCE WITHOUT FINE-TUNING FOR RESPONSIVE STYLES-->
23
+
24
+ <!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
15
25
  <link
16
26
  rel="stylesheet"
17
27
  type="text/css"
18
28
  charset="utf-8"
19
29
  href="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
20
30
  href-fallback="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
21
- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
31
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
22
32
  />
23
33
 
34
+
35
+
24
36
  <!-- CSS CODE SNIPPET-->
25
37
  <link
26
38
  fetchpriority="medium"
@@ -10,39 +10,25 @@
10
10
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
11
11
 
12
12
 
13
-
14
- <!--# FAVICON -->
15
- <!-- <link-->
16
- <!-- rel="icon"-->
17
- <!-- type="image/x-icon"-->
18
- <!-- href="https://sandbox.basetasks.site/cdn/www/media/images/favicon/Icon_Jaisocx.ico"-->
19
- <!-- href-fallback="favicon/Icon_Jaisocx.ico"-->
20
- <!-- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"-->
21
- <!-- />-->
13
+ <link
14
+ id="icon_jaisocx"
15
+ rel="icon"
16
+ type="image/x-icon"
17
+ href="node_modules/@jaisocx/css_clean_start_lite/favicon/Icon_Jaisocx.ico"
18
+ href-fallback="../css_clean_start_lite/favicon/Icon_Jaisocx.ico"
19
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
20
+ />
22
21
 
23
22
 
24
23
 
25
24
  <!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
26
-
27
- <!--# importing @jaisocx/css-clean-start-2 IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
28
- <!-- <link
29
- rel="stylesheet"
30
- type="text/css"
31
- charset="utf-8"
32
- href="../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
33
- href-fallback="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
34
- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
35
- /> -->
36
-
37
-
38
-
39
25
  <link
40
26
  rel="stylesheet"
41
27
  type="text/css"
42
28
  charset="utf-8"
43
- href="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
44
- href-fallback="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
45
- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
29
+ href="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
30
+ href-fallback="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
31
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
46
32
  />
47
33
 
48
34
 
@@ -60,24 +46,9 @@
60
46
  rel="stylesheet"
61
47
  type="text/css"
62
48
  charset="utf-8"
63
- href="MediaAndStyles/CssCodeSnippet_main_relative.css"
49
+ href="MediaAndStyles/CssCodeSnippet_main_resolved.css"
64
50
  />
65
51
 
66
-
67
-
68
- <!-- <style>
69
- /* .jsx {
70
-
71
- }
72
-
73
- .jsx .CssCodeSnippet {
74
-
75
- } */
76
-
77
- </style> -->
78
-
79
-
80
-
81
52
  <style>
82
53
 
83
54
  .jsx {
@@ -10,39 +10,25 @@
10
10
  <meta content="width=device-width, initial-scale=1.0" name="viewport" />
11
11
 
12
12
 
13
-
14
- <!--# FAVICON -->
15
- <!-- <link-->
16
- <!-- rel="icon"-->
17
- <!-- type="image/x-icon"-->
18
- <!-- href="https://sandbox.basetasks.site/cdn/www/media/images/favicon/Icon_Jaisocx.ico"-->
19
- <!-- href-fallback="favicon/Icon_Jaisocx.ico"-->
20
- <!-- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"-->
21
- <!-- />-->
22
-
23
-
24
-
25
- <!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
26
-
27
- <!--# importing @jaisocx/css-clean-start-2 IN DEV MODE, TO RESEARCH THE .css STYLES IN BROWSER'S DEV TOOLS IN NETWORKS TAB -->
28
- <!-- <link
29
- rel="stylesheet"
30
- type="text/css"
31
- charset="utf-8"
32
- href="../css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
33
- href-fallback="node_modules/@jaisocx/css-clean-start-2/MediaAndStyles/CssCleanStart_2_main_relative.css"
34
- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
35
- /> -->
13
+ <link
14
+ id="icon_jaisocx"
15
+ rel="icon"
16
+ type="image/x-icon"
17
+ href="node_modules/@jaisocx/css_clean_start_lite/favicon/Icon_Jaisocx.ico"
18
+ href-fallback="../css_clean_start_lite/favicon/Icon_Jaisocx.ico"
19
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
20
+ />
36
21
 
37
22
 
38
23
 
24
+ <!--# CSS CLEAN START 2: html & css WHEN STARTING A SITE FROM SCRATCH -->
39
25
  <link
40
26
  rel="stylesheet"
41
27
  type="text/css"
42
28
  charset="utf-8"
43
- href="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
44
- href-fallback="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
45
- onerror="javascript: ( () => { console.log( this ); this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); } )();"
29
+ href="node_modules/@jaisocx/css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
30
+ href-fallback="../css_clean_start_lite/MediaAndStyles/CssCleanStart_Lite_main_resolved.css"
31
+ onerror="javascript: ( () => { this.onerror = null; this.href = this.getAttribute( 'href-fallback' ); this.onerror = null; } )();"
46
32
  />
47
33
 
48
34
 
@@ -63,21 +49,6 @@
63
49
  href="MediaAndStyles/CssCodeSnippet_main_resolved.css"
64
50
  />
65
51
 
66
-
67
-
68
- <!-- <style>
69
- /* .jsx {
70
-
71
- }
72
-
73
- .jsx .CssCodeSnippet {
74
-
75
- } */
76
-
77
- </style> -->
78
-
79
-
80
-
81
52
  <style>
82
53
 
83
54
  .jsx {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "author": "ILLIA POLIANSKYI, Jaisocx Company",
3
3
  "name": "@jaisocx/css-code-snippet",
4
- "version": "1.4.1",
4
+ "version": "1.4.2",
5
5
  "description": "Css sites tool rendering code blocks with numbered code rows",
6
6
  "keywords": [
7
7
  "css",
@@ -14,7 +14,7 @@
14
14
 
15
15
  "index.preview.html",
16
16
  "basetheme.preview.html",
17
- "dev_css_code_snippet__preview.html",
17
+ "css_code_snippet.preview.html",
18
18
 
19
19
  "MediaAndStyles/*.css",
20
20
  "MediaAndStyles/lines-numbers-variables",
@@ -27,7 +27,7 @@
27
27
  "transpiled/Simple"
28
28
  ],
29
29
  "optionalDependencies": {
30
- "@jaisocx/css_clean_start_lite": "~1.0.2"
30
+ "@jaisocx/css_clean_start_lite": "~1.0.3"
31
31
  },
32
32
  "type": "module",
33
33
  "main": "./transpiled/CommonJS/index.js",