@hpcc-js/markdown-it-plugins 1.5.10 → 1.5.12

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,81 +1,81 @@
1
- .note,
2
- .tip,
3
- .warning,
4
- .caution {
5
- border-left: solid 1px;
6
- border-radius: 0 4px 4px 0;
7
- padding: 1rem 2rem;
8
- margin: 1rem 0;
9
- box-sizing: border-box;
10
- max-width: 640px;
11
- }
12
-
13
- .note::before,
14
- .tip::before,
15
- .warning::before,
16
- .caution::before {
17
- display: block;
18
- margin-bottom: 1rem;
19
- font-weight: 700;
20
- }
21
-
22
- .note {
23
- border-left-color: var(--theme-foreground-fainter);
24
- background-color: var(--theme-background-alt);
25
- }
26
-
27
- .note::before {
28
- content: "Note";
29
- color: var(--theme-foreground-muted);
30
- }
31
-
32
- .tip {
33
- border-left-color: var(--theme-green);
34
- background-color: color-mix(in srgb, var(--theme-green), var(--theme-background) 90%);
35
- }
36
-
37
- .tip::before {
38
- content: "Tip";
39
- color: var(--theme-green);
40
- }
41
-
42
- .warning {
43
- border-left-color: var(--theme-yellow);
44
- background-color: color-mix(in srgb, var(--theme-yellow), var(--theme-background) 90%);
45
- }
46
-
47
- .warning::before {
48
- content: "Warning";
49
- color: var(--theme-yellow);
50
- }
51
-
52
- .caution {
53
- border-left-color: var(--theme-red);
54
- background-color: color-mix(in srgb, var(--theme-red), var(--theme-background) 90%);
55
- }
56
-
57
- .caution::before {
58
- content: "Caution";
59
- color: var(--theme-red);
60
- }
61
-
62
- .note[label]::before,
63
- .tip[label]::before,
64
- .warning[label]::before,
65
- .caution[label]::before {
66
- content: attr(label);
67
- }
68
-
69
- .note> :first-child,
70
- .tip> :first-child,
71
- .warning> :first-child,
72
- .caution> :first-child {
73
- margin-top: 0;
74
- }
75
-
76
- .note> :last-child,
77
- .tip> :last-child,
78
- .warning> :last-child,
79
- .caution> :last-child {
80
- margin-bottom: 0;
1
+ .note,
2
+ .tip,
3
+ .warning,
4
+ .caution {
5
+ border-left: solid 1px;
6
+ border-radius: 0 4px 4px 0;
7
+ padding: 1rem 2rem;
8
+ margin: 1rem 0;
9
+ box-sizing: border-box;
10
+ max-width: 640px;
11
+ }
12
+
13
+ .note::before,
14
+ .tip::before,
15
+ .warning::before,
16
+ .caution::before {
17
+ display: block;
18
+ margin-bottom: 1rem;
19
+ font-weight: 700;
20
+ }
21
+
22
+ .note {
23
+ border-left-color: var(--theme-foreground-fainter);
24
+ background-color: var(--theme-background-alt);
25
+ }
26
+
27
+ .note::before {
28
+ content: "Note";
29
+ color: var(--theme-foreground-muted);
30
+ }
31
+
32
+ .tip {
33
+ border-left-color: var(--theme-green);
34
+ background-color: color-mix(in srgb, var(--theme-green), var(--theme-background) 90%);
35
+ }
36
+
37
+ .tip::before {
38
+ content: "Tip";
39
+ color: var(--theme-green);
40
+ }
41
+
42
+ .warning {
43
+ border-left-color: var(--theme-yellow);
44
+ background-color: color-mix(in srgb, var(--theme-yellow), var(--theme-background) 90%);
45
+ }
46
+
47
+ .warning::before {
48
+ content: "Warning";
49
+ color: var(--theme-yellow);
50
+ }
51
+
52
+ .caution {
53
+ border-left-color: var(--theme-red);
54
+ background-color: color-mix(in srgb, var(--theme-red), var(--theme-background) 90%);
55
+ }
56
+
57
+ .caution::before {
58
+ content: "Caution";
59
+ color: var(--theme-red);
60
+ }
61
+
62
+ .note[label]::before,
63
+ .tip[label]::before,
64
+ .warning[label]::before,
65
+ .caution[label]::before {
66
+ content: attr(label);
67
+ }
68
+
69
+ .note> :first-child,
70
+ .tip> :first-child,
71
+ .warning> :first-child,
72
+ .caution> :first-child {
73
+ margin-top: 0;
74
+ }
75
+
76
+ .note> :last-child,
77
+ .tip> :last-child,
78
+ .warning> :last-child,
79
+ .caution> :last-child {
80
+ margin-bottom: 0;
81
81
  }
@@ -1,7 +1,7 @@
1
- .plot-d6a7b5 {
2
- --plot-background: var(--theme-background);
3
- }
4
-
5
- p .plot-d6a7b5 {
6
- display: inline-block;
1
+ .plot-d6a7b5 {
2
+ --plot-background: var(--theme-background);
3
+ }
4
+
5
+ p .plot-d6a7b5 {
6
+ display: inline-block;
7
7
  }
@@ -1,114 +1,114 @@
1
- /**
2
- * Customize default theme styling by overriding CSS variables:
3
- * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
4
- */
5
-
6
- /**
7
- * Colors
8
- *
9
- * Each colors have exact same color scale system with 3 levels of solid
10
- * colors with different brightness, and 1 soft color.
11
- *
12
- * - `XXX-1`: The most solid color used mainly for colored text. It must
13
- * satisfy the contrast ratio against when used on top of `XXX-soft`.
14
- *
15
- * - `XXX-2`: The color used mainly for hover state of the button.
16
- *
17
- * - `XXX-3`: The color for solid background, such as bg color of the button.
18
- * It must satisfy the contrast ratio with pure white (#ffffff) text on
19
- * top of it.
20
- *
21
- * - `XXX-soft`: The color used for subtle background such as custom container
22
- * or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
23
- * on top of it.
24
- *
25
- * The soft color must be semi transparent alpha channel. This is crucial
26
- * because it allows adding multiple "soft" colors on top of each other
27
- * to create a accent, such as when having inline code block inside
28
- * custom containers.
29
- *
30
- * - `default`: The color used purely for subtle indication without any
31
- * special meanings attched to it such as bg color for menu hover state.
32
- *
33
- * - `brand`: Used for primary brand colors, such as link text, button with
34
- * brand theme, etc.
35
- *
36
- * - `tip`: Used to indicate useful information. The default theme uses the
37
- * brand color for this by default.
38
- *
39
- * - `warning`: Used to indicate warning to the users. Used in custom
40
- * container, badges, etc.
41
- *
42
- * - `danger`: Used to show error, or dangerous message to the users. Used
43
- * in custom container, badges, etc.
44
- * -------------------------------------------------------------------------- */
45
-
46
-
47
-
48
- :root {
49
- --vp-c-brand-1: #08557F;
50
- --vp-c-brand-2: #347FAA;
51
- --vp-c-brand-3: #61AAD4;
52
- --vp-c-brand-4: #8DD4FF;
53
- }
54
-
55
- :root.dark {
56
- --vp-c-brand-0: #8DD4FF;
57
- --vp-c-brand-1: #61AAD4;
58
- --vp-c-brand-2: #347FAA;
59
- --vp-c-brand-3: #08557F;
60
- }
61
-
62
- :root {
63
- --vp-home-hero-name-color: transparent;
64
- --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
65
- #38af90 30%,
66
- #417fac);
67
-
68
- --vp-home-hero-image-background-image: linear-gradient(-45deg,
69
- #38af90 50%,
70
- #417fac 50%);
71
- --vp-home-hero-image-filter: blur(44px);
72
- }
73
-
74
- @media (min-width: 640px) {
75
- :root {
76
- --vp-home-hero-image-filter: blur(56px);
77
- }
78
- }
79
-
80
- @media (min-width: 960px) {
81
- :root {
82
- --vp-home-hero-image-filter: blur(68px);
83
- }
84
- }
85
-
86
- :root {
87
- --theme-foreground: #1b1e23;
88
- --theme-foreground-focus: var(--vp-c-brand-3);
89
- --theme-background-a: #ffffff;
90
- --theme-background-b: color-mix(in srgb, var(--theme-foreground) 4%, var(--theme-background-a));
91
- --theme-background: var(--theme-background-a);
92
- --theme-background-alt: var(--theme-background-b);
93
- --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
94
- --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
95
- --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
96
- --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 30%, var(--theme-background-a));
97
- --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 14%, var(--theme-background-a));
98
- color-scheme: light;
99
- }
100
-
101
- :root.dark {
102
- --theme-foreground: #ffffff;
103
- --theme-foreground-focus: var(--vp-c-brand-4);
104
- --theme-background-a: #000000;
105
- --theme-background-b: color-mix(in srgb, var(--theme-foreground) 15%, var(--theme-background-a));
106
- --theme-background: var(--theme-background-a);
107
- --theme-background-alt: var(--theme-background-b);
108
- --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
109
- --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
110
- --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
111
- --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
112
- --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
113
- color-scheme: dark;
1
+ /**
2
+ * Customize default theme styling by overriding CSS variables:
3
+ * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
4
+ */
5
+
6
+ /**
7
+ * Colors
8
+ *
9
+ * Each colors have exact same color scale system with 3 levels of solid
10
+ * colors with different brightness, and 1 soft color.
11
+ *
12
+ * - `XXX-1`: The most solid color used mainly for colored text. It must
13
+ * satisfy the contrast ratio against when used on top of `XXX-soft`.
14
+ *
15
+ * - `XXX-2`: The color used mainly for hover state of the button.
16
+ *
17
+ * - `XXX-3`: The color for solid background, such as bg color of the button.
18
+ * It must satisfy the contrast ratio with pure white (#ffffff) text on
19
+ * top of it.
20
+ *
21
+ * - `XXX-soft`: The color used for subtle background such as custom container
22
+ * or badges. It must satisfy the contrast ratio when putting `XXX-1` colors
23
+ * on top of it.
24
+ *
25
+ * The soft color must be semi transparent alpha channel. This is crucial
26
+ * because it allows adding multiple "soft" colors on top of each other
27
+ * to create a accent, such as when having inline code block inside
28
+ * custom containers.
29
+ *
30
+ * - `default`: The color used purely for subtle indication without any
31
+ * special meanings attched to it such as bg color for menu hover state.
32
+ *
33
+ * - `brand`: Used for primary brand colors, such as link text, button with
34
+ * brand theme, etc.
35
+ *
36
+ * - `tip`: Used to indicate useful information. The default theme uses the
37
+ * brand color for this by default.
38
+ *
39
+ * - `warning`: Used to indicate warning to the users. Used in custom
40
+ * container, badges, etc.
41
+ *
42
+ * - `danger`: Used to show error, or dangerous message to the users. Used
43
+ * in custom container, badges, etc.
44
+ * -------------------------------------------------------------------------- */
45
+
46
+
47
+
48
+ :root {
49
+ --vp-c-brand-1: #08557F;
50
+ --vp-c-brand-2: #347FAA;
51
+ --vp-c-brand-3: #61AAD4;
52
+ --vp-c-brand-4: #8DD4FF;
53
+ }
54
+
55
+ :root.dark {
56
+ --vp-c-brand-0: #8DD4FF;
57
+ --vp-c-brand-1: #61AAD4;
58
+ --vp-c-brand-2: #347FAA;
59
+ --vp-c-brand-3: #08557F;
60
+ }
61
+
62
+ :root {
63
+ --vp-home-hero-name-color: transparent;
64
+ --vp-home-hero-name-background: -webkit-linear-gradient(120deg,
65
+ #38af90 30%,
66
+ #417fac);
67
+
68
+ --vp-home-hero-image-background-image: linear-gradient(-45deg,
69
+ #38af90 50%,
70
+ #417fac 50%);
71
+ --vp-home-hero-image-filter: blur(44px);
72
+ }
73
+
74
+ @media (min-width: 640px) {
75
+ :root {
76
+ --vp-home-hero-image-filter: blur(56px);
77
+ }
78
+ }
79
+
80
+ @media (min-width: 960px) {
81
+ :root {
82
+ --vp-home-hero-image-filter: blur(68px);
83
+ }
84
+ }
85
+
86
+ :root {
87
+ --theme-foreground: #1b1e23;
88
+ --theme-foreground-focus: var(--vp-c-brand-3);
89
+ --theme-background-a: #ffffff;
90
+ --theme-background-b: color-mix(in srgb, var(--theme-foreground) 4%, var(--theme-background-a));
91
+ --theme-background: var(--theme-background-a);
92
+ --theme-background-alt: var(--theme-background-b);
93
+ --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
94
+ --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
95
+ --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
96
+ --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 30%, var(--theme-background-a));
97
+ --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 14%, var(--theme-background-a));
98
+ color-scheme: light;
99
+ }
100
+
101
+ :root.dark {
102
+ --theme-foreground: #ffffff;
103
+ --theme-foreground-focus: var(--vp-c-brand-4);
104
+ --theme-background-a: #000000;
105
+ --theme-background-b: color-mix(in srgb, var(--theme-foreground) 15%, var(--theme-background-a));
106
+ --theme-background: var(--theme-background-a);
107
+ --theme-background-alt: var(--theme-background-b);
108
+ --theme-foreground-alt: color-mix(in srgb, var(--theme-foreground) 90%, var(--theme-background-a));
109
+ --theme-foreground-muted: color-mix(in srgb, var(--theme-foreground) 60%, var(--theme-background-a));
110
+ --theme-foreground-faint: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
111
+ --theme-foreground-fainter: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
112
+ --theme-foreground-faintest: color-mix(in srgb, var(--theme-foreground) 50%, var(--theme-background-a));
113
+ color-scheme: dark;
114
114
  }
@@ -1,8 +1,8 @@
1
- import "@hpcc-js/markdown-it-plugins/vitepress/style.css";
2
- import "@hpcc-js/markdown-it-plugins/vitepress/global.css";
3
- import "@hpcc-js/markdown-it-plugins/vitepress/layout.css";
4
- import "@hpcc-js/markdown-it-plugins/vitepress/grid.css";
5
- // import "@hpcc-js/markdown-it-plugins/vitepress/note.css";
6
- import "@hpcc-js/markdown-it-plugins/vitepress/card.css";
7
- // import "@hpcc-js/markdown-it-plugins/vitepress/inspector.css";
8
- import "@hpcc-js/markdown-it-plugins/vitepress/plot.css";
1
+ import "@hpcc-js/markdown-it-plugins/vitepress/style.css";
2
+ import "@hpcc-js/markdown-it-plugins/vitepress/global.css";
3
+ import "@hpcc-js/markdown-it-plugins/vitepress/layout.css";
4
+ import "@hpcc-js/markdown-it-plugins/vitepress/grid.css";
5
+ // import "@hpcc-js/markdown-it-plugins/vitepress/note.css";
6
+ import "@hpcc-js/markdown-it-plugins/vitepress/card.css";
7
+ // import "@hpcc-js/markdown-it-plugins/vitepress/inspector.css";
8
+ import "@hpcc-js/markdown-it-plugins/vitepress/plot.css";