bookish-press 0.4.48 → 0.4.49

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.
@@ -78,10 +78,10 @@ function handleChange() {
78
78
  */
79
79
 
80
80
  :global(code[class*='language-']) {
81
- color: black;
81
+ color: var(--bookish-paragraph-color);
82
82
  background: none;
83
83
  font-family: var(--bookish-code-font-family);
84
- font-size: 1em;
84
+ font-size: var(--bookish-code-font-size);
85
85
  text-align: left;
86
86
  white-space: pre;
87
87
  word-spacing: normal;
@@ -9,7 +9,7 @@ $: credit = node.getCredit();
9
9
 
10
10
  <Positioned position={node.getPosition()}>
11
11
  <figure>
12
- <blockquote class={'quote'} data-nodeid={node.nodeID}>
12
+ <blockquote class="quote" data-nodeid={node.nodeID}>
13
13
  {#each node.getBlocks() as element (element.nodeID)}
14
14
  <Block node={element} />
15
15
  {/each}
@@ -23,6 +23,14 @@ $: credit = node.getCredit();
23
23
  </Positioned>
24
24
 
25
25
  <style>
26
+ figure {
27
+ margin: 0;
28
+ margin-block-start: 0;
29
+ margin-block-end: 0;
30
+ margin-inline-start: 0;
31
+ margin-inline-end: 0;
32
+ }
33
+
26
34
  .quote {
27
35
  clear: both;
28
36
  border: none;
@@ -53,13 +61,15 @@ $: credit = node.getCredit();
53
61
  .quote:before {
54
62
  content: '\201C';
55
63
  position: relative;
56
- top: 80pt;
57
- left: -40pt;
58
- font-family: 'Modum Extra';
64
+ top: 0;
65
+ left: -0.5em em;
66
+ height: 0.3em;
67
+ font-family: var(--bookish-header-font-family);
59
68
  font-size: 120pt;
60
69
  font-weight: bold;
61
70
  color: var(--bookish-highlight-color);
62
71
  z-index: -1;
72
+ display: block;
63
73
  }
64
74
 
65
75
  .caption:not(.empty):before {
@@ -382,6 +382,7 @@ let editable = isBookEditable() ||
382
382
  <style>
383
383
  .section-name {
384
384
  display: inline-block;
385
+ margin-left: 0.5em;
385
386
  font-family: var(--bookish-paragraph-font-family);
386
387
  font-size: var(--bookish-small-font-size);
387
388
  font-weight: normal;
@@ -159,7 +159,7 @@ $: syns = definition.synonyms || [];
159
159
  <style>
160
160
  dd {
161
161
  margin: 0;
162
- margin-top: var(--bookish-paragraph-spacing);
162
+ margin-bottom: var(--bookish-paragraph-spacing);
163
163
  }
164
164
 
165
165
  dt {
@@ -97,13 +97,13 @@ $: {
97
97
  {#each words as word, index}
98
98
  {#if word === true}
99
99
  <tr
100
- ><td colspan={2}
100
+ ><td class="term" colspan={2}
101
101
  ><PageHeader>{words[index + 1]}</PageHeader></td
102
102
  ></tr
103
103
  >
104
104
  {:else}
105
105
  <tr>
106
- <td>{word}</td>
106
+ <td class="term">{word}</td>
107
107
  <td>
108
108
  <!-- Sort the chapters by chapter number -->
109
109
  {#each Array.from(bookIndex[word]).sort( (a, b) => {
@@ -143,6 +143,10 @@ $: {
143
143
  margin-top: 0;
144
144
  }
145
145
 
146
+ .term {
147
+ vertical-align: baseline;
148
+ }
149
+
146
150
  .letters {
147
151
  display: flex;
148
152
  flex-direction: row;
@@ -304,7 +304,7 @@ export const HumanTheme = {
304
304
  // Spacing
305
305
  spacing: {
306
306
  paragraphLineHeight: '2.2rem',
307
- paragraphLineHeightTight: '1.1em',
307
+ paragraphLineHeightTight: '1.8em',
308
308
  headerLineHeight: '1.4em',
309
309
  paragraphSpacing: '1.8rem',
310
310
  headerSpacing: '2rem',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bookish-press",
3
3
  "private": false,
4
- "version": "0.4.48",
4
+ "version": "0.4.49",
5
5
  "type": "module",
6
6
  "description": "A platform for reading and writing readable, accessible, beautiful online books.",
7
7
  "license": "MIT",