@diplodoc/transform 4.31.2 → 4.31.4-beta1

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.
Files changed (26) hide show
  1. package/README.md +27 -27
  2. package/README.ru.md +30 -27
  3. package/dist/css/print.css.map +2 -2
  4. package/dist/css/yfm.css +116 -61
  5. package/dist/css/yfm.css.map +3 -3
  6. package/dist/css/yfm.min.css +1 -1
  7. package/dist/css/yfm.min.css.map +3 -3
  8. package/dist/js/yfm.js +30 -34
  9. package/dist/js/yfm.js.map +3 -3
  10. package/dist/js/yfm.min.js +1 -1
  11. package/dist/js/yfm.min.js.map +3 -3
  12. package/lib/md.js +1 -0
  13. package/lib/md.js.map +1 -1
  14. package/package.json +5 -5
  15. package/src/scss/_common.scss +60 -48
  16. package/src/scss/_cut.scss +1 -1
  17. package/src/scss/_file.scss +2 -4
  18. package/src/scss/_highlight.scss +0 -16
  19. package/src/scss/_modal.scss +15 -13
  20. package/src/scss/_note.scss +9 -21
  21. package/src/scss/_term.scss +6 -9
  22. package/src/scss/brand.scss +48 -0
  23. package/src/scss/private.scss +44 -0
  24. package/src/transform/md.ts +1 -0
  25. package/src/transform/plugins/file/README.md +68 -14
  26. package/src/scss/_variables.scss +0 -16
package/src/scss/_file.scss CHANGED
@@ -1,6 +1,4 @@
1
- @import 'variables';
2
-
3
- $defaultIcon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6bS0yMi42IDIyLjdjMi4xIDIuMSAzLjUgNC42IDQuMiA3LjRIMjU2VjMyLjVjMi44LjcgNS4zIDIuMSA3LjQgNC4ybDgzLjkgODMuOXpNMzM2IDQ4MEg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjQ4YzAtOC44IDcuMi0xNiAxNi0xNmgxNzZ2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYzMDRjMCA4LjgtNy4yIDE2LTE2IDE2em0tNDgtMjQ0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyeiIvPjwvc3ZnPg==");
1
+ $defaultIcon: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zNjkuOSA5Ny45TDI4NiAxNEMyNzcgNSAyNjQuOC0uMSAyNTIuMS0uMUg0OEMyMS41IDAgMCAyMS41IDAgNDh2NDE2YzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OFYxMzEuOWMwLTEyLjctNS4xLTI1LTE0LjEtMzR6bS0yMi42IDIyLjdjMi4xIDIuMSAzLjUgNC42IDQuMiA3LjRIMjU2VjMyLjVjMi44LjcgNS4zIDIuMSA3LjQgNC4ybDgzLjkgODMuOXpNMzM2IDQ4MEg0OGMtOC44IDAtMTYtNy4yLTE2LTE2VjQ4YzAtOC44IDcuMi0xNiAxNi0xNmgxNzZ2MTA0YzAgMTMuMyAxMC43IDI0IDI0IDI0aDEwNHYzMDRjMCA4LjgtNy4yIDE2LTE2IDE2em0tNDgtMjQ0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyem0wIDY0djhjMCA2LjYtNS40IDEyLTEyIDEySDEwOGMtNi42IDAtMTItNS40LTEyLTEydi04YzAtNi42IDUuNC0xMiAxMi0xMmgxNjhjNi42IDAgMTIgNS40IDEyIDEyeiIvPjwvc3ZnPg==');
4
2
 
5
3
  /**
6
4
  Public CSS variables:
@@ -18,7 +16,7 @@ $defaultIcon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5
18
16
  width: 16px;
19
17
  margin: 0 2px;
20
18
 
21
- color: var(--yfm-file-icon-color, #{$textColor});
19
+ color: var(--yfm-file-icon-color, --yfm-color-text);
22
20
  background-color: currentColor;
23
21
  background-repeat: no-repeat;
24
22
  background-position: 50%;
package/src/scss/_highlight.scss CHANGED
@@ -1,26 +1,20 @@
1
- @import 'variables';
2
-
3
1
  .yfm {
4
2
  .hljs {
5
3
  display: block;
6
4
  overflow-x: auto;
7
5
  padding: 16px;
8
- background: $codeBackgroundColor;
9
6
  background: var(--yfm-color-hljs-background);
10
7
  }
11
8
 
12
9
  .hljs,
13
10
  .hljs-subst {
14
- color: #444;
15
11
  color: var(--yfm-color-hljs-subst);
16
12
  }
17
13
 
18
14
  .hljs-comment {
19
- color: #888888;
20
15
  color: var(--yfm-color-hljs-comment);
21
16
  }
22
17
 
23
-
24
18
  .hljs-keyword,
25
19
  .hljs-attribute,
26
20
  .hljs-selector-tag,
@@ -38,13 +32,11 @@
38
32
  .hljs-quote,
39
33
  .hljs-template-tag,
40
34
  .hljs-deletion {
41
- color: #880000;
42
35
  color: var(--yfm-color-hljs-deletion);
43
36
  }
44
37
 
45
38
  .hljs-title,
46
39
  .hljs-section {
47
- color: #880000;
48
40
  color: var(--yfm-color-hljs-section);
49
41
  font-weight: bold;
50
42
  }
@@ -56,13 +48,10 @@
56
48
  .hljs-link,
57
49
  .hljs-selector-attr,
58
50
  .hljs-selector-pseudo {
59
- color: #BC6060;
60
51
  color: var(--yfm-color-hljs-pseudo);
61
52
  }
62
53
 
63
-
64
54
  .hljs-literal {
65
- color: #78A960;
66
55
  color: var(--yfm-color-hljs-literal);
67
56
  }
68
57
 
@@ -70,22 +59,17 @@
70
59
  .hljs-bullet,
71
60
  .hljs-code,
72
61
  .hljs-addition {
73
- color: #397300;
74
62
  color: var(--yfm-color-hljs-addition);
75
63
  }
76
64
 
77
-
78
65
  .hljs-meta {
79
- color: #1f7199;
80
66
  color: var(--yfm-color-hljs-meta);
81
67
  }
82
68
 
83
69
  .hljs-meta-string {
84
- color: #4d99bf;
85
70
  color: var(--yfm-color-hljs-meta-string);
86
71
  }
87
72
 
88
-
89
73
  .hljs-emphasis {
90
74
  font-style: italic;
91
75
  }
package/src/scss/_modal.scss CHANGED
@@ -1,3 +1,5 @@
1
+ /* stylelint-disable declaration-no-important */
2
+
1
3
  .wide-container {
2
4
  position: fixed;
3
5
  width: 100vw;
@@ -19,14 +21,14 @@
19
21
 
20
22
  .wide-content-wrapper {
21
23
  z-index: 200;
22
- background-color: var(--g-color-base-background);
24
+ background-color: var(--yfm-color-modal-content);
23
25
  height: 90vh;
24
26
  width: 70vw;
25
27
  border-radius: 10px;
26
28
  display: flex;
27
29
  flex-direction: column;
28
30
 
29
- .wide-content {
31
+ .wide-content {
30
32
  height: 95%;
31
33
  width: 100%;
32
34
 
@@ -44,23 +46,23 @@
44
46
  display: table;
45
47
  width: 100%;
46
48
  }
47
- }
49
+ }
48
50
 
49
- .wide-toolbar {
51
+ .wide-toolbar {
50
52
  display: flex;
51
53
  flex-direction: row;
52
54
  width: 100%;
53
55
  justify-content: space-between;
54
56
  align-items: center;
55
57
  padding: 10px 12px;
56
- }
58
+ }
57
59
 
58
- .wide-entity-name {
60
+ .wide-entity-name {
59
61
  margin: 0;
60
62
  font-size: 18px;
61
- }
63
+ }
62
64
 
63
- .wide-actions {
65
+ .wide-actions {
64
66
  align-self: flex-end;
65
67
 
66
68
  .close-action {
@@ -70,12 +72,12 @@
70
72
  transition: background 300ms;
71
73
 
72
74
  &:hover {
73
- background: var(--g-color-base-simple-hover);
75
+ background: var(--yfm-color-modal-actions-hover);
74
76
  }
75
77
  }
76
- }
78
+ }
77
79
  }
78
- }
80
+ }
79
81
 
80
82
  .wide-element-wrapper {
81
83
  display: flex;
@@ -98,7 +100,7 @@
98
100
  z-index: 100;
99
101
  padding: 6px;
100
102
  box-sizing: content-box;
101
- color: var(--g-color-text-primary);
103
+ color: var(--yfm-color-modal-wide-content);
102
104
  cursor: pointer;
103
105
 
104
106
  & > svg {
@@ -114,6 +116,6 @@
114
116
  position: fixed;
115
117
  top: 0;
116
118
  left: 0;
117
- background-color: black;
119
+ background-color: var(--yfm-color-modal-wide-content-overlay);
118
120
  opacity: 0.6;
119
121
  }
package/src/scss/_note.scss CHANGED
@@ -1,15 +1,3 @@
1
- @import 'variables';
2
-
3
- $infoColor: $accentColor;
4
- $tipColor: #56bd67;
5
- $warningColor: #f19518;
6
- $importantColor: #ff4645;
7
-
8
- $infoBackgroundColor: rgba(2, 123, 243, 0.08);
9
- $tipBackgroundColor: rgba(63, 201, 46, 0.1);
10
- $warningBackgroundColor: rgba(255, 136, 0, 0.15);
11
- $importantBackgroundColor: rgba(235, 50, 38, 0.08);
12
-
13
1
  .yfm .yfm-note {
14
2
  max-width: 1296px;
15
3
  margin: 20px 0;
@@ -21,7 +9,7 @@ $importantBackgroundColor: rgba(235, 50, 38, 0.08);
21
9
  }
22
10
 
23
11
  & > p {
24
- margin: 0 0 10px 0;
12
+ margin: 0 0 10px;
25
13
 
26
14
  &:first-child {
27
15
  &::before {
@@ -42,10 +30,10 @@ $importantBackgroundColor: rgba(235, 50, 38, 0.08);
42
30
  }
43
31
 
44
32
  $colors: (
45
- yfm-accent-info: $infoColor,
46
- yfm-accent-tip: $tipColor,
47
- yfm-accent-alert: $importantColor,
48
- yfm-accent-warning: $warningColor
33
+ yfm-accent-info: #ffffff,
34
+ yfm-accent-tip: #f9f9f9,
35
+ yfm-accent-alert: #f6f6f6,
36
+ yfm-accent-warning: #f2f2f2,
49
37
  );
50
38
 
51
39
  @each $type, $color in $colors {
@@ -59,10 +47,10 @@ $importantBackgroundColor: rgba(235, 50, 38, 0.08);
59
47
  }
60
48
 
61
49
  $backgroundColors: (
62
- yfm-accent-info: $infoBackgroundColor,
63
- yfm-accent-tip: $tipBackgroundColor,
64
- yfm-accent-alert: $importantBackgroundColor,
65
- yfm-accent-warning: $warningBackgroundColor
50
+ yfm-accent-info: var(--yfm-color-note-info-background),
51
+ yfm-accent-tip: var(--yfm-color-note-tip-background),
52
+ yfm-accent-alert: var(--yfm-color-note-important-background),
53
+ yfm-accent-warning: var(--yfm-color-note-warning-background),
66
54
  );
67
55
 
68
56
  @each $type, $color in $backgroundColors {
package/src/scss/_term.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  .yfm-term {
2
2
  &_title {
3
- color: #027bf3;
3
+ color: var(--yfm-color-term-title);
4
4
  cursor: pointer;
5
5
 
6
6
  border-bottom: 1px dotted;
@@ -10,7 +10,7 @@
10
10
  font-style: normal;
11
11
 
12
12
  &:hover {
13
- color: #004080;
13
+ color: var(--yfm-color-term-title-hover);
14
14
  }
15
15
  }
16
16
 
@@ -32,7 +32,7 @@
32
32
 
33
33
  padding: 10px;
34
34
 
35
- background-color: rgb(255, 255, 255);
35
+ background-color: var(--yfm-color-term-dfn-background);
36
36
 
37
37
  font-size: inherit;
38
38
  line-height: inherit;
@@ -40,20 +40,17 @@
40
40
 
41
41
  border-radius: 4px;
42
42
 
43
- box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
43
+ box-shadow: 0 8px 20px var(--yfm-color-term-dfn-shadow);
44
44
  outline: none;
45
45
 
46
46
  &::before {
47
47
  content: '';
48
48
  position: absolute;
49
49
  z-index: -1;
50
- top: 0;
51
- right: 0;
52
- bottom: 0;
53
- left: 0;
50
+ inset: 0;
54
51
 
55
52
  border-radius: inherit;
56
- box-shadow: 0 0 0 1px rgb(229, 229, 229);
53
+ box-shadow: 0 0 0 1px var(--yfm-color-term-dfn-pseudo-shadow);
57
54
  }
58
55
 
59
56
  &.open {
package/src/scss/brand.scss ADDED
@@ -0,0 +1,48 @@
1
+ @mixin brand {
2
+ --yfm-color-base: var(--yfm-color-base-private);
3
+
4
+ --yfm-color-text: var(--yfm-color-text-private);
5
+ --yfm-color-link: var(--yfm-color-link-private);
6
+ --yfm-color-link-hover: var(--yfm-color-link-hover-private);
7
+
8
+ --yfm-color-table: var(--yfm-color-table-private);
9
+ --yfm-color-table-row-background: var(--yfm-color-table-row-background-private);
10
+
11
+ --yfm-color-border: var(--yfm-color-border-private);
12
+
13
+ --yfm-color-accent: var(--yfm-color-accent-private);
14
+
15
+ --yfm-color-inline-code: var(--yfm-color-inline-code-private);
16
+ --yfm-color-inline-code-background: var(--yfm-color-inline-code-background-private);
17
+ --yfm-color-code-background: var(--yfm-color-code-background-private);
18
+
19
+ --yfm-color-hljs-background: var(--yfm-color-hljs-background-private);
20
+ --yfm-color-hljs-subst: var(--yfm-color-hljs-subst-private);
21
+ --yfm-color-hljs-comment: var(--yfm-color-hljs-comment-private);
22
+ --yfm-color-hljs-deletion: var(--yfm-color-hljs-deletion-private);
23
+ --yfm-color-hljs-section: var(--yfm-color-hljs-section-private);
24
+ --yfm-color-hljs-pseudo: var(--yfm-color-hljs-pseudo-private);
25
+ --yfm-color-hljs-literal: var(--yfm-color-hljs-literal-private);
26
+ --yfm-color-hljs-addition: var(--yfm-color-hljs-addition-private);
27
+ --yfm-color-hljs-meta: var(--yfm-color-hljs-meta-private);
28
+ --yfm-color-hljs-meta-string: var(--yfm-color-hljs-meta-string-private);
29
+
30
+ --yfm-color-note-tip: var(--yfm-color-note-tip-private);
31
+ --yfm-color-note-tip-background: var(--yfm-color-note-tip-background-private);
32
+ --yfm-color-note-warning: var(--yfm-color-note-warning-private);
33
+ --yfm-color-note-warning-background: var(--yfm-color-note-warning-background-private);
34
+ --yfm-color-note-important: var(--yfm-color-note-important-private);
35
+ --yfm-color-note-important-background: var(--yfm-color-note-important-background-private);
36
+ --yfm-color-note-info-background: var(--yfm-color-note-info-background-private);
37
+
38
+ --yfm-color-term-title: var(--yfm-color-term-title-private);
39
+ --yfm-color-term-title-hover: var(--yfm-color-term-title-hover-private);
40
+ --yfm-color-term-dfn-background: var(--yfm-color-term-dfn-background-private);
41
+ --yfm-color-term-dfn-shadow: var(--yfm-color-term-dfn-shadow-private);
42
+ --yfm-color-term-dfn-pseudo-shadow: var(--yfm-color-term-dfn-presudo-shadow-private);
43
+
44
+ --yfm-color-modal-content: var(--yfm-color-modal-content-private);
45
+ --yfm-color-modal-actions-hover: var(--yfm-color-modal-actions-hover-private);
46
+ --yfm-color-modal-wide-content: var(--yfm-color-modal-wide-content-private);
47
+ --yfm-color-modal-wide-content-overlay: var(--yfm-color-modal-wide-content-overlay-private);
48
+ }
package/src/scss/private.scss ADDED
@@ -0,0 +1,44 @@
1
+ @mixin private-brand {
2
+ --yfm-color-text-private: rgba(0, 0, 0, 0.7);
3
+ --yfm-color-link-private: #027bf3;
4
+ --yfm-color-link-hover-private: #004080;
5
+ --yfm-color-base-private: #ffffff;
6
+ --yfm-color-table-private: #333;
7
+ --yfm-color-border-private: rgba(0, 0, 0, 0.07);
8
+ --yfm-color-table-row-background-private: rgba(0, 0, 0, 0.02);
9
+ --yfm-color-accent-private: #027bf3;
10
+
11
+ --yfm-color-inline-code-private: rgba(59, 96, 128, 1);
12
+ --yfm-color-inline-code-background-private: rgba(107, 132, 153, 0.12);
13
+ --yfm-color-code-background-private: rgba(107, 132, 153, 0.12);
14
+
15
+ --yfm-color-hljs-background-private: rgba(107, 132, 153, 0.12);
16
+ --yfm-color-hljs-subst-private: #444;
17
+ --yfm-color-hljs-comment-private: #888888;
18
+ --yfm-color-hljs-deletion-private: #880000;
19
+ --yfm-color-hljs-section-private: #880000;
20
+ --yfm-color-hljs-pseudo-private: #bc6060;
21
+ --yfm-color-hljs-literal-private: #78a960;
22
+ --yfm-color-hljs-addition-private: #397300;
23
+ --yfm-color-hljs-meta-private: #1f7199;
24
+ --yfm-color-hljs-meta-string-private: #4d99bf;
25
+
26
+ --yfm-color-note-tip-private: #56bd67;
27
+ --yfm-color-note-tip-background-private: rgba(63, 201, 46, 0.1);
28
+ --yfm-color-note-warning-private: #f19518;
29
+ --yfm-color-note-warning-background-private: rgba(255, 136, 0, 0.15);
30
+ --yfm-color-note-important-private: #ff4645;
31
+ --yfm-color-note-important-background-private: rgba(235, 50, 38, 0.08);
32
+ --yfm-color-note-info-background-private: rgba(2, 123, 243, 0.08);
33
+
34
+ --yfm-color-term-title-private: #027bf3;
35
+ --yfm-color-term-title-hover-private: #004080;
36
+ --yfm-color-term-dfn-background-private: rgb(255, 255, 255);
37
+ --yfm-color-term-dfn-shadow-private: rgba(0, 0, 0, 0.15);
38
+ --yfm-color-term-dfn-presudo-shadow-private: rgb(229, 229, 229);
39
+
40
+ --yfm-color-modal-content-private: rgb(255, 255, 255);
41
+ --yfm-color-modal-actions-hover-private: rgba(0, 0, 0, 0.05);
42
+ --yfm-color-modal-wide-content-private: rgba(0, 0, 0, 0.85);
43
+ --yfm-color-modal-wide-content-overlay-private: rgb(0, 0, 0);
44
+ }
package/src/transform/md.ts CHANGED
@@ -97,6 +97,7 @@ function initPlugins(md: MarkdownIt, options: OptionsType, pluginOptions: Markdo
97
97
  } = options;
98
98
 
99
99
  // Need for ids of headers
100
+ // @ts-ignore
100
101
  md.use(attrs, {leftDelimiter, rightDelimiter});
101
102
 
102
103
  plugins.forEach((plugin) => md.use(plugin, pluginOptions));
package/src/transform/plugins/file/README.md CHANGED
@@ -10,25 +10,79 @@
10
10
 
11
11
  ## Attributes
12
12
 
13
- |Name|Required|Description|
14
- |---|---|---|
15
- |`src`|yes|URL of the file. Will be mapped to [`href` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href)|
16
- |`name`|yes|Name of the file. Will be mapped to [`download` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download)|
17
- |`lang`|-|Language of the file content. Will be mapped to [`hreflang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang)|
18
- |`referrerpolicy`|-|[`referrerpolicy` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy)|
19
- |`rel`|-|[`rel` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel)|
20
- |`target`|-|[`target` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)|
21
- |`type`|-|[`type` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-type)|
13
+ | Name | Required | Description |
14
+ | ---------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
15
+ | `src` | yes | URL of the file. Will be mapped to [`href` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href) |
16
+ | `name` | yes | Name of the file. Will be mapped to [`download` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download) |
17
+ | `lang` | - | Language of the file content. Will be mapped to [`hreflang` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-hreflang) |
18
+ | `referrerpolicy` | - | [`referrerpolicy` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-referrerpolicy) |
19
+ | `rel` | - | [`rel` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-rel) |
20
+ | `target` | - | [`target` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target) |
21
+ | `type` | - | [`type` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-type) |
22
22
 
23
23
  > _Note: other attributes will be ignored_
24
24
 
25
25
  ## Plugin options
26
26
 
27
- |Name|Type|Description|
28
- |---|---|---|
29
- |`fileExtraAttrs`|`[string, string][]`|Adds additional attributes to rendered hyperlink|
27
+ | Name | Type | Description |
28
+ | ---------------- | -------------------- | ------------------------------------------------ |
29
+ | `fileExtraAttrs` | `[string, string][]` | Adds additional attributes to rendered hyperlink |
30
30
 
31
31
  ## CSS public variables
32
32
 
33
- * `--yfm-file-icon` – sets custom file icon image
34
- * `--yfm-file-icon-color` – sets custom file icon color
33
+ - `--yfm-file-icon` – sets custom file icon image
34
+ - `--yfm-file-icon-color` – sets custom file icon color
35
+
36
+ _common_
37
+
38
+ - `--yfm-color-text`
39
+ - `--yfm-color-link`
40
+ - `--yfm-color-base`
41
+ - `--yfm-color-link-hover`
42
+ - `--yfm-color-table`
43
+ - `--yfm-color-table-row-background`
44
+ - `--yfm-color-border`
45
+ - `--yfm-color-accent`
46
+
47
+ _code_
48
+
49
+ - `--yfm-color-inline-code`
50
+ - `--yfm-color-inline-code-background`
51
+ - `--yfm-color-code-background`
52
+
53
+ _hightlight_
54
+
55
+ - `--yfm-color-hljs-background`
56
+ - `--yfm-color-hljs-subst`
57
+ - `--yfm-color-hljs-comment`
58
+ - `--yfm-color-hljs-deletion`
59
+ - `--yfm-color-hljs-section`
60
+ - `--yfm-color-hljs-pseudo`
61
+ - `--yfm-color-hljs-literal`
62
+ - `--yfm-color-hljs-addition`
63
+ - `--yfm-color-hljs-meta`
64
+ - `--yfm-color-hljs-meta-string`
65
+
66
+ _note_
67
+
68
+ - `--yfm-color-note-tip`
69
+ - `--yfm-color-note-tip-background`
70
+ - `--yfm-color-note-warning`
71
+ - `--yfm-color-note-warning-background`
72
+ - `--yfm-color-note-important-background`
73
+ - `--yfm-color-note-info-background`
74
+
75
+ _term_
76
+
77
+ - `--yfm-color-term-title`
78
+ - `--yfm-color-term-title-hover`
79
+ - `--yfm-color-term-dfn-background`
80
+ - `--yfm-color-term-dfn-shadow`
81
+ - `--yfm-color-term-dfn-pseudo-shadow`
82
+
83
+ _modal_
84
+
85
+ - `--yfm-color-modal-content`
86
+ - `--yfm-color-modal-actions-hover`
87
+ - `--yfm-color-modal-wide-content`
88
+ - `--yfm-color-modal-wide-content-overlay`
package/src/scss/_variables.scss DELETED
@@ -1,16 +0,0 @@
1
- $baseColor: #ffffff;
2
- $accentColor: #027bf3;
3
-
4
- $textColor: rgba(0, 0, 0, 0.7);
5
- $borderColor: rgba(0, 0, 0, 0.07);
6
- $backgroundColor: rgba(0, 0, 0, 0.02);
7
-
8
- $inlineCodeColor: rgba(59, 96, 128, 1);
9
- $inlineCodeBackgroundColor: rgba(107, 132, 153, 0.12);
10
-
11
- $codeBackgroundColor: rgba(107, 132, 153, 0.12);
12
-
13
- $tableRowBackgroundColor: rgba(0, 0, 0, 0.02);
14
-
15
- $linkColor: $accentColor;
16
- $linkHoverColor: #004080;