@hackersheet/react-document-content-styles 0.1.0-alpha.1 → 0.1.0-alpha.3

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,3 +1,4 @@
1
+ @charset "UTF-8";
1
2
  .main :first-child {
2
3
  margin-top: 0;
3
4
  }
@@ -116,12 +117,15 @@
116
117
  .main table td :global(&.right) {
117
118
  text-align: right;
118
119
  }
120
+ .main del {
121
+ text-decoration: line-through;
122
+ }
119
123
  .main code:not(pre code) {
120
124
  border-radius: 4px;
121
- display: inline-block;
122
125
  box-sizing: border-box;
123
- padding: 2px 8px;
126
+ padding: 0.12em 0.25em;
124
127
  font-family: var(--hsdc-font-code);
128
+ font-size: 0.875em;
125
129
  line-height: 1.5;
126
130
  border: 1px solid hsl(var(--hsdc-border));
127
131
  background-color: hsl(var(--hsdc-muted));
@@ -201,6 +205,9 @@
201
205
  width: 100%;
202
206
  padding: 0 16px;
203
207
  }
208
+ .main :global(.shiki) :global(span.line.highlighted) {
209
+ background-color: hsl(var(--hsdc-shiki-highlighted-word)/0.1) !important;
210
+ }
204
211
  .main :global(.shiki) :global(span.line.diff.add) {
205
212
  background-color: hsl(var(--hsdc-shiki-diff-add)/0.1) !important;
206
213
  }
@@ -224,6 +231,20 @@
224
231
  padding: 2px 0;
225
232
  margin: -2px 0;
226
233
  }
234
+ .main :global(.shiki) :global(.tab),
235
+ .main :global(.shiki) :global(.space) {
236
+ position: relative;
237
+ }
238
+ .main :global(.shiki) :global(.tab::before) {
239
+ content: "⇥";
240
+ position: absolute;
241
+ opacity: 0.3;
242
+ }
243
+ .main :global(.shiki) :global(.space::before) {
244
+ content: "·";
245
+ position: absolute;
246
+ opacity: 0.3;
247
+ }
227
248
  .main :global(.link-card) {
228
249
  display: flex;
229
250
  flex-direction: row;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hackersheet/react-document-content-styles",
3
- "version": "0.1.0-alpha.1",
3
+ "version": "0.1.0-alpha.3",
4
4
  "description": "Hacker Sheet document content styles.",
5
5
  "keywords": [],
6
6
  "repository": {