x-star-editor 0.0.6 → 0.0.7

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,136 +0,0 @@
1
- @import './global';
2
-
3
- $md-prefix: #{$prefix}md-editor-;
4
-
5
- .#{$md-prefix}block {
6
- margin: 0.2em;
7
- padding: 0.2em;
8
- border-radius: 0.2em;
9
- }
10
-
11
- .#{$md-prefix}block:hover {
12
- background-color: #f8f8f8;
13
- }
14
-
15
- .#{$md-prefix}delimiter,
16
- .#{$md-prefix}break {
17
- color: #f5771280;
18
- }
19
-
20
- .#{$md-prefix}heading {
21
- line-height: 1.6em;
22
- font-weight: bold;
23
- }
24
-
25
- .#{$md-prefix}heading1 {
26
- font-size: 1.6em;
27
- }
28
-
29
- .#{$md-prefix}heading2 {
30
- font-size: 1.3em;
31
- }
32
-
33
- .#{$md-prefix}heading3 {
34
- font-size: 1.2em;
35
- }
36
-
37
- .#{$md-prefix}heading4 {
38
- font-size: 1.1em;
39
- }
40
-
41
- .#{$md-prefix}heading5 {
42
- font-size: 1em;
43
- }
44
-
45
- .#{$md-prefix}heading6 {
46
- font-size: 0.9em;
47
- }
48
-
49
- .#{$md-prefix}thematicBreak,
50
- .#{$md-prefix}listItem > .#{$md-prefix}delimiter,
51
- .#{$md-prefix}definition,
52
- .#{$md-prefix}link,
53
- .#{$md-prefix}image,
54
- .#{$md-prefix}linkReference,
55
- .#{$md-prefix}imageReference,
56
- .#{$md-prefix}footnoteDefinition,
57
- .#{$md-prefix}footnoteReference {
58
- color: #f57712;
59
- }
60
-
61
- .#{$md-prefix}html,
62
- .#{$md-prefix}code {
63
- padding: 0 0.2em;
64
- tab-size: 4;
65
- font-family: Consolas;
66
- color: #022679;
67
- background-color: #02267910;
68
- border-right: 1px solid #02267920;
69
- border-left: 1px solid #02267920;
70
- }
71
-
72
- .#{$md-prefix}html.#{$md-prefix}first,
73
- .#{$md-prefix}code.#{$md-prefix}first {
74
- border-top: 1px solid #02267920;
75
- border-top-left-radius: 0.2em;
76
- border-top-right-radius: 0.2em;
77
- }
78
-
79
- .#{$md-prefix}html.#{$md-prefix}last,
80
- .#{$md-prefix}code.#{$md-prefix}last {
81
- border-bottom: 1px solid #02267920;
82
- border-bottom-right-radius: 0.2em;
83
- border-bottom-left-radius: 0.2em;
84
- }
85
-
86
- .#{$md-prefix}inlineCode {
87
- margin: 0 0.2em;
88
- padding: 0 0.2em;
89
- tab-size: 4;
90
- font-family: Consolas;
91
- color: #022679;
92
- background-color: #02267910;
93
- border: 1px solid #02267920;
94
- border-radius: 0.2em;
95
- }
96
-
97
- .#{$md-prefix}emphasis {
98
- font-style: italic;
99
- }
100
-
101
- .#{$md-prefix}strong {
102
- font-weight: bold;
103
- }
104
-
105
- .#{$md-prefix}delete > :not(.#{$md-prefix}delimiter) {
106
- text-decoration: line-through;
107
- }
108
-
109
- .#{$md-prefix}math {
110
- padding: 0 0.2em;
111
- color: #f57712;
112
- background-color: #f5771210;
113
- border-right: 1px solid #f5771220;
114
- border-left: 1px solid #f5771220;
115
- }
116
-
117
- .#{$md-prefix}math.#{$md-prefix}first {
118
- border-top: 1px solid #f5771220;
119
- border-top-left-radius: 0.2em;
120
- border-top-right-radius: 0.2em;
121
- }
122
-
123
- .#{$md-prefix}math.#{$md-prefix}last {
124
- border-bottom: 1px solid #f5771220;
125
- border-bottom-right-radius: 0.2em;
126
- border-bottom-left-radius: 0.2em;
127
- }
128
-
129
- .#{$md-prefix}inlineMath {
130
- margin: 0 0.2em;
131
- padding: 0 0.2em;
132
- color: #f57712;
133
- background-color: #f5771210;
134
- border: 1px solid #f5771220;
135
- border-radius: 0.2em;
136
- }
@@ -1,171 +0,0 @@
1
- /**
2
- * VS theme by Andrew Lock (https://andrewlock.net)
3
- * Inspired by Visual Studio syntax coloring
4
- */
5
-
6
- @import './global';
7
-
8
- .#{$prefix}md-viewer.#{$prefix}md-viewer {
9
- code,
10
- pre {
11
- color: #393a34;
12
- font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier,
13
- monospace;
14
- direction: ltr;
15
- text-align: left;
16
- white-space: pre;
17
- word-spacing: normal;
18
- word-break: normal;
19
- font-size: 1em;
20
- line-height: 1.2em;
21
- tab-size: 4;
22
- tab-size: 4;
23
- tab-size: 4;
24
- hyphens: none;
25
- hyphens: none;
26
- hyphens: none;
27
- hyphens: none;
28
- }
29
-
30
- pre > code {
31
- font-size: 1.1em;
32
- }
33
-
34
- /* Code blocks */
35
- pre {
36
- padding: 1em;
37
- margin: 0.5em 0;
38
- overflow: auto;
39
- border: 1px solid #ddd;
40
- background-color: white;
41
- }
42
-
43
- /* Inline code */
44
- :not(pre) > code {
45
- padding: 0.2em;
46
- padding-top: 1px;
47
- padding-bottom: 1px;
48
- background: #f8f8f8;
49
- border: 1px solid #ddd;
50
- }
51
-
52
- .token.comment,
53
- .token.prolog,
54
- .token.doctype,
55
- .token.cdata {
56
- color: #008000;
57
- font-style: italic;
58
- }
59
-
60
- .token.namespace {
61
- opacity: 0.7;
62
- }
63
-
64
- .token.string {
65
- color: #a31515;
66
- }
67
-
68
- .token.punctuation,
69
- .token.operator {
70
- color: #393a34; /* no highlight */
71
- }
72
-
73
- .token.url,
74
- .token.symbol,
75
- .token.number,
76
- .token.boolean,
77
- .token.variable,
78
- .token.constant,
79
- .token.inserted {
80
- color: #36acaa;
81
- }
82
-
83
- .token.atrule,
84
- .token.keyword,
85
- .token.attr-value,
86
- .language-autohotkey .token.selector,
87
- .language-json .token.boolean,
88
- .language-json .token.number,
89
- code[class*='language-css'] {
90
- color: #00f;
91
- }
92
-
93
- .token.function {
94
- color: #393a34;
95
- }
96
-
97
- .token.deleted,
98
- .language-autohotkey .token.tag {
99
- color: #9a050f;
100
- }
101
-
102
- .token.selector,
103
- .language-autohotkey .token.keyword {
104
- color: #00009f;
105
- }
106
-
107
- .token.important {
108
- color: #e90;
109
- }
110
-
111
- .token.important,
112
- .token.bold {
113
- font-weight: bold;
114
- }
115
-
116
- .token.italic {
117
- font-style: italic;
118
- }
119
-
120
- .token.class-name,
121
- .language-json .token.property {
122
- color: #2b91af;
123
- }
124
-
125
- .token.tag,
126
- .token.selector {
127
- color: #800000;
128
- }
129
-
130
- .token.attr-name,
131
- .token.property,
132
- .token.regex,
133
- .token.entity {
134
- color: #f00;
135
- }
136
-
137
- .token.directive.tag .tag {
138
- background: #ff0;
139
- color: #393a34;
140
- }
141
-
142
- .line-number::before {
143
- content: attr(line);
144
- width: 1.6em;
145
- margin-right: 0.8em;
146
- display: inline-block;
147
- text-align: right;
148
- color: #2b91af;
149
- }
150
-
151
- .code-line {
152
- padding-left: 0.4em;
153
- display: block;
154
- border-left: 4px solid transparent;
155
- }
156
-
157
- .highlight-line {
158
- background: rgba(193, 222, 241, 20%);
159
- background: linear-gradient(
160
- left,
161
- rgba(193, 222, 241, 20%) 70%,
162
- rgba(221, 222, 241, 0%)
163
- );
164
- background: linear-gradient(
165
- to right,
166
- rgba(193, 222, 241, 20%) 70%,
167
- rgba(221, 222, 241, 0%)
168
- );
169
- border-left: 4px solid rgb(59, 130, 246);
170
- }
171
- }
@@ -1,8 +0,0 @@
1
- @import '../components/FileInput';
2
- @import '../components/Toolbar';
3
- @import '../XStarEditor/index';
4
- @import '../XStarMdEditor/index';
5
- @import '../XStarMdViewer/index';
6
- @import './katex';
7
- @import './markdown';
8
- @import './prism';