@terrahq/wysiwyg 1.0.1 → 1.0.2

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 (2) hide show
  1. package/README.md +346 -341
  2. package/package.json +1 -1
package/README.md CHANGED
@@ -8,6 +8,15 @@ This package offers a seamless solution to effortlessly style the WYSIWYG and Gu
8
8
  npm install @terrahq/wysiwyg
9
9
  ```
10
10
 
11
+ ## Changelog
12
+
13
+ ### 1.0.1
14
+
15
+ - ➕ Added more customization options for the **Quote** block and **fonts**.
16
+ - 🐛 Fixed the image zoom on WordPress (WP).
17
+ - 🔄 Updated the **Table** block.
18
+ - 🔗 Updated **Links** so that non-default links (images with a link or buttons) no longer inherit the default link styles.
19
+
11
20
  ## Import Mixins Globally
12
21
 
13
22
  Import the mixing into the c--content file:
@@ -80,249 +89,197 @@ This table shows which blocks are compatible with Gutenberg (WordPress), classic
80
89
 
81
90
  ```SCSS
82
91
  .c--content-a {
83
- &--wp {
84
- @include make-content();
85
- @include make-content-modifier(
86
- $btn-options: (
87
- //"className": c--btn-a c--btn-a--second,
88
- //"even-className": c--btn-a,
92
+ @include make-content();
93
+ @include make-content-modifier(
94
+ $btn-options: (
95
+ //"className": c--btn-a c--btn-a--second,
96
+ //"even-className": c--btn-a,
97
+ //"margin-bottom": $measure * 3,
98
+ //"column-gap": $measure * 2,
99
+ //"row-gap": $measure,
100
+ ),
101
+ $columns-options: (
102
+ //"breakpoint": $tablets,
103
+ //"column-gap": $measure * 4,
104
+ //"margin-bottom": $measure * 3,
105
+ //"row-gap": $measure * 4,
106
+ ),
107
+ $footnote-options: (
108
+ //"className": f--font-f,
109
+ //"color": map.get($color-options, h),
110
+ //"bold-color": red,
111
+ //"bold-font-weight": 600,
112
+ //"font-weight": 300,
113
+ //"font-style": italic,
114
+ //"margin-bottom": $measure * 3,
115
+ //"margin-bottom-before-lists": $measure * 2,
116
+ //"max-lines": 1,
117
+ //"padding-top": $measure*9,
118
+ //"text-align": left,
119
+ //"text-decoration": underline,
120
+ //"text-decoration-color": map.get($color-options, g),
121
+ //"text-underline-position": above,
122
+ ),
123
+ $headings-options: (
124
+ "h1": (
125
+ //"bold-color": red,
126
+ //"bold-font-weight": 600,
127
+ //"className": f--font-a,
128
+ //"color": orange,
129
+ //"font-style": italic,
130
+ //"font-weight": 400,
89
131
  //"margin-bottom": $measure * 3,
90
- //"column-gap": $measure * 2,
91
- //"row-gap": $measure,
132
+ //"margin-bottom-before-lists": $measure * 2,
133
+ //"padding-top": $measure * 2,
134
+ //"text-align": left,
135
+ //"text-decoration": none,
136
+ //"text-decoration-color": #000000,
137
+ //"text-underline-position": under,
92
138
  ),
93
- $columns-options: (
94
- //"breakpoint": $tablets,
95
- //"column-gap": $measure * 4,
139
+ "h2": (
140
+ //"bold-color": map.get($color-options, e),
141
+ //"bold-font-weight": 600,
142
+ //"className": f--font-a,
143
+ //"color": map.get($color-options, h),
144
+ //"font-style": italic,
145
+ //"font-weight": 400,
96
146
  //"margin-bottom": $measure * 3,
97
- //"row-gap": $measure * 4,
147
+ //"margin-bottom-before-lists": $measure * 2,
148
+ //"padding-top": $measure * 2,
149
+ //"text-align": left,
150
+ //"text-decoration": none,
151
+ //"text-decoration-color": #000000,
152
+ //"text-underline-position": under,
98
153
  ),
99
- $footnote-options: (
100
- //"className": f--font-f,
101
- //"color": map.get($color-options, h),
102
- //"bold-color": red,
154
+ "h3": (
155
+ //"bold-color": map.get($color-options, e),
103
156
  //"bold-font-weight": 600,
104
- //"font-weight": 300,
157
+ //"className": f--font-b,
158
+ //"color": map.get($color-options, h),
105
159
  //"font-style": italic,
160
+ //"font-weight": 400,
106
161
  //"margin-bottom": $measure * 3,
107
162
  //"margin-bottom-before-lists": $measure * 2,
108
- //"max-lines": 1,
109
- //"padding-top": $measure*9,
163
+ //"padding-top": $measure * 2,
110
164
  //"text-align": left,
111
- //"text-decoration": underline,
112
- //"text-decoration-color": map.get($color-options, g),
113
- //"text-underline-position": above,
114
- ),
115
- $headings-options: (
116
- "h1": (
117
- //"bold-color": red,
118
- //"bold-font-weight": 600,
119
- //"className": f--font-a,
120
- //"color": orange,
121
- //"font-style": italic,
122
- //"font-weight": 400,
123
- //"margin-bottom": $measure * 3,
124
- //"margin-bottom-before-lists": $measure * 2,
125
- //"padding-top": $measure * 2,
126
- //"text-align": left,
127
- //"text-decoration": none,
128
- //"text-decoration-color": #000000,
129
- //"text-underline-position": under,
130
- ),
131
- "h2": (
132
- //"bold-color": map.get($color-options, e),
133
- //"bold-font-weight": 600,
134
- //"className": f--font-a,
135
- //"color": map.get($color-options, h),
136
- //"font-style": italic,
137
- //"font-weight": 400,
138
- //"margin-bottom": $measure * 3,
139
- //"margin-bottom-before-lists": $measure * 2,
140
- //"padding-top": $measure * 2,
141
- //"text-align": left,
142
- //"text-decoration": none,
143
- //"text-decoration-color": #000000,
144
- //"text-underline-position": under,
145
- ),
146
- "h3": (
147
- //"bold-color": map.get($color-options, e),
148
- //"bold-font-weight": 600,
149
- //"className": f--font-b,
150
- //"color": map.get($color-options, h),
151
- //"font-style": italic,
152
- //"font-weight": 400,
153
- //"margin-bottom": $measure * 3,
154
- //"margin-bottom-before-lists": $measure * 2,
155
- //"padding-top": $measure * 2,
156
- //"text-align": left,
157
- //"text-decoration": none,
158
- //"text-decoration-color": #000000,
159
- //"text-underline-position": under,
160
- ),
161
- "h4": (
162
- //"bold-color": map.get($color-options, f),
163
- //"bold-font-weight": 600,
164
- //"className": f--font-c,
165
- //"color": map.get($color-options, i),
166
- //"font-style": italic,
167
- //"font-weight": 400,
168
- //"margin-bottom": $measure * 3,
169
- //"margin-bottom-before-lists": $measure * 2,
170
- //"padding-top": $measure * 2,
171
- //"text-align": left,
172
- //"text-decoration": none,
173
- //"text-decoration-color": #000000,
174
- //"text-underline-position": under,
175
- ),
176
- "h5": (
177
- //"bold-color": map.get($color-options, f),
178
- //"bold-font-weight": 600,
179
- //"className": f--font-d,
180
- //"color": map.get($color-options, i),
181
- //"font-style": italic,
182
- //"font-weight": 400,
183
- //"margin-bottom": $measure * 3,
184
- //"margin-bottom-before-lists": $measure * 2,
185
-
186
- //"padding-top": $measure * 2,
187
- //"text-align": left,
188
- //"text-decoration": none,
189
- //"text-decoration-color": #000000,
190
- //"text-underline-position": under,
191
- ),
192
- "h6": (
193
- //"bold-color": map.get($color-options, h),
194
- //"bold-font-weight": 600,
195
- //"className": f--font-e,
196
- //"color": map.get($color-options, g),
197
- //"font-style": italic,
198
- //"font-weight": 400,
199
- //"margin-bottom": $measure * 3,
200
- //"margin-bottom-before-lists": $measure * 2,
201
-
202
- //"padding-top": $measure * 2,
203
- //"text-align": left,
204
- //"text-decoration": none,
205
- //"text-decoration-color": #000000,
206
- //"text-underline-position": under,
207
- ),
165
+ //"text-decoration": none,
166
+ //"text-decoration-color": #000000,
167
+ //"text-underline-position": under,
208
168
  ),
209
- $highlighted-options: (
210
- //"bold-color": map.get($color-options, i),
169
+ "h4": (
170
+ //"bold-color": map.get($color-options, f),
211
171
  //"bold-font-weight": 600,
212
- //"className": f--font-d f--color-a,
213
- //"color": red,
172
+ //"className": f--font-c,
173
+ //"color": map.get($color-options, i),
214
174
  //"font-style": italic,
215
175
  //"font-weight": 400,
216
176
  //"margin-bottom": $measure * 3,
217
177
  //"margin-bottom-before-lists": $measure * 2,
218
- //"padding-top": $measure,
219
- //"text-align": center,
178
+ //"padding-top": $measure * 2,
179
+ //"text-align": left,
220
180
  //"text-decoration": none,
221
181
  //"text-decoration-color": #000000,
222
182
  //"text-underline-position": under,
223
183
  ),
224
- $image-options: (
225
- //"border-color": red,
226
- //"border-radius": $measure*2,
227
- //"border-style": solid,
228
- //"border-width": 2px,
229
- "caption": (
230
- //"bold-color": map.get($color-options, f),
231
- //"bold-font-weight": 600,
232
- //"className": f--font-f,
233
- //"color": red,
234
- //"font-style": italic,
235
- //"font-weight": 400,
236
- //"margin-bottom": $measure * 3,
237
- //"margin-bottom-before-lists": $measure * 2,
238
- //"padding-top": $measure*2,
239
- //"text-align": right,
240
- //"text-decoration": none,
241
- //"text-decoration-color": #000000,
242
- //"text-underline-position": under,
243
- ),
184
+ "h5": (
185
+ //"bold-color": map.get($color-options, f),
186
+ //"bold-font-weight": 600,
187
+ //"className": f--font-d,
188
+ //"color": map.get($color-options, i),
189
+ //"font-style": italic,
190
+ //"font-weight": 400,
244
191
  //"margin-bottom": $measure * 3,
245
- //"max-height": 700px,
246
- //"max-width": 100%,
247
- //"min-height": 0,
248
- //"min-width": 30px,
249
- //"object-fit": cover,
250
- //"object-position": center,
251
- //"zoom-button-background-color": map.get($color-options, f),
252
- //"zoom-button-border-radius": 4px,
253
- //"zoom-button-bottom": 16px,
254
- //"zoom-button-right": 16px,
192
+ //"margin-bottom-before-lists": $measure * 2,
193
+ //"padding-top": $measure * 2,
194
+ //"text-align": left,
195
+ //"text-decoration": none,
196
+ //"text-decoration-color": #000000,
197
+ //"text-underline-position": under,
255
198
  ),
256
- $link-options: (
257
- //"className": c--link-a,
199
+ "h6": (
200
+ //"bold-color": map.get($color-options, h),
201
+ //"bold-font-weight": 600,
202
+ //"className": f--font-e,
203
+ //"color": map.get($color-options, g),
204
+ //"font-style": italic,
205
+ //"font-weight": 400,
206
+ //"margin-bottom": $measure * 3,
207
+ //"margin-bottom-before-lists": $measure * 2,
208
+ //"padding-top": $measure * 2,
209
+ //"text-align": left,
210
+ //"text-decoration": none,
211
+ //"text-decoration-color": #000000,
212
+ //"text-underline-position": under,
258
213
  ),
259
- $lists-options: (
260
- //"first-level-artwork-background": map.get($color-options, i),
261
- //"first-level-artwork-border-color": map.get($color-options, f),
262
- //"first-level-artwork-border-radius": 50%,
263
- //"first-level-artwork-border-width": 2px,
264
- //"first-level-artwork-image": null,
265
- //"first-level-artwork-top": 6px,
266
- //"first-level-artwork-width": 10px,
267
- //"first-level-number-color": map.get($color-options, f),
268
- //"first-number-width": 14px,
269
- "font-styles": (
270
- //"bold-color": map.get($color-options, f),
271
- //"bold-font-weight": 600,
272
- //"className": f--font-e f--color-a,
273
- //"color": red,
274
- //"font-style": italic,
275
- //"font-weight": 400,
276
- //"margin-bottom": $measure,
277
- //"margin-bottom-before-lists": $measure * 2,
278
- //"padding-top": $measure,
279
- //"text-align": left,
280
- //"text-decoration": none,
281
- //"text-decoration-color": #000000,
282
- //"text-underline-position": under,
283
- ),
284
- "number-font": (
285
- //"bold-color": red,
286
- //"bold-font-weight": 600,
287
- //"className": f--font-e,
288
- //"color": red,
289
- //"font-style": italic,
290
- //"font-weight": 600,
291
- //"margin-bottom": $measure,
292
- //"margin-bottom-before-lists": $measure * 2,
293
- //"padding-top": $measure,
294
- //"text-align": left,
295
- //"text-decoration": none,
296
- //"text-decoration-color": #000000,
297
- //"text-underline-position": under,
298
- ),
299
- //"second-level-artwork-background": null,
300
- //"second-level-artwork-border-color": transparent,
301
- //"second-level-artwork-border-radius": null,
302
- //"second-level-artwork-border-width": null,
303
- //"second-level-artwork-image": null,
304
- //"second-level-artwork-top": null,
305
- //"second-level-artwork-width": null,
306
- //"second-level-number-color": map.get($color-options, g),
307
- //"third-level-artwork-background": map.get($color-options, f),
308
- //"third-level-artwork-border-color": null,
309
- //"third-level-artwork-border-radius": null,
310
- //"third-level-artwork-border-width": 2px,
311
- //"third-level-artwork-image": null,
312
- //"third-level-artwork-top": 8px,
313
- //"third-level-artwork-width": 8px,
314
- //"third-level-number-color": map.get($color-options, f),
214
+ ),
215
+ $highlighted-options: (
216
+ //"bold-color": map.get($color-options, i),
217
+ //"bold-font-weight": 600,
218
+ //"className": f--font-d f--color-a,
219
+ //"color": red,
220
+ //"font-style": italic,
221
+ //"font-weight": 400,
222
+ //"margin-bottom": $measure * 3,
223
+ //"margin-bottom-before-lists": $measure * 2,
224
+ //"padding-top": $measure,
225
+ //"text-align": center,
226
+ //"text-decoration": none,
227
+ //"text-decoration-color": #000000,
228
+ //"text-underline-position": under,
229
+ ),
230
+ $image-options: (
231
+ //"border-color": red,
232
+ //"border-radius": $measure*2,
233
+ //"border-style": solid,
234
+ //"border-width": 2px,
235
+ "caption": (
236
+ //"bold-color": map.get($color-options, f),
237
+ //"bold-font-weight": 600,
238
+ //"className": f--font-f,
239
+ //"color": red,
240
+ //"font-style": italic,
241
+ //"font-weight": 400,
315
242
  //"margin-bottom": $measure * 3,
316
- //"nested-list-spacing": $measure,
243
+ //"margin-bottom-before-lists": $measure * 2,
244
+ //"padding-top": $measure*2,
245
+ //"text-align": right,
246
+ //"text-decoration": none,
247
+ //"text-decoration-color": #000000,
248
+ //"text-underline-position": under,
317
249
  ),
318
- $paragraphs-options: (
319
- //"bold-color": map.get($color-options, e),
250
+ //"margin-bottom": $measure * 3,
251
+ //"max-height": 700px,
252
+ //"max-width": 100%,
253
+ //"min-height": 0,
254
+ //"min-width": 30px,
255
+ //"object-fit": cover,
256
+ //"object-position": center,
257
+ //"zoom-button-background-color": map.get($color-options, f),
258
+ //"zoom-button-border-radius": 4px,
259
+ //"zoom-button-bottom": 16px,
260
+ //"zoom-button-right": 16px,
261
+ ),
262
+ $link-options: (
263
+ //"className": c--link-a,
264
+ ),
265
+ $lists-options: (
266
+ //"first-level-artwork-background": map.get($color-options, i),
267
+ //"first-level-artwork-border-color": map.get($color-options, f),
268
+ //"first-level-artwork-border-radius": 50%,
269
+ //"first-level-artwork-border-width": 2px,
270
+ //"first-level-artwork-image": null,
271
+ //"first-level-artwork-top": 6px,
272
+ //"first-level-artwork-width": 10px,
273
+ //"first-level-number-color": map.get($color-options, f),
274
+ //"first-number-width": 14px,
275
+ "font-styles": (
276
+ //"bold-color": map.get($color-options, f),
320
277
  //"bold-font-weight": 600,
321
278
  //"className": f--font-e f--color-a,
322
279
  //"color": red,
323
280
  //"font-style": italic,
324
281
  //"font-weight": 400,
325
- //"margin-bottom": $measure * 3,
282
+ //"margin-bottom": $measure,
326
283
  //"margin-bottom-before-lists": $measure * 2,
327
284
  //"padding-top": $measure,
328
285
  //"text-align": left,
@@ -330,71 +287,120 @@ This table shows which blocks are compatible with Gutenberg (WordPress), classic
330
287
  //"text-decoration-color": #000000,
331
288
  //"text-underline-position": under,
332
289
  ),
333
- $quote-options: (
334
- //"background-color": color.adjust(map.get($color-options, e), $lightness: 50%),
335
- //"background-image": url("/images/quote-bg.jpg"),
336
- //"background-size": cover,
337
- //"background-position": center,
338
- //"background-repeat": no-repeat,
339
- //"overlay": linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
340
- //"margin-bottom": $measure * 5,
341
- //"margin-top": $measure,
342
- //"padding": $measure * 5,
343
- "border": (
344
- //"border-color": color.adjust(map.get($color-options, e), $lightness: 45%),
345
- //"border-radius": $measure*2,
346
- //"border-style": solid,
347
- //"border-width": 2px 0,
348
- ),
349
- "cite": (
350
- //"bold-color": red,
351
- //"bold-font-weight": 600,
352
- //"className": f--font-f,
353
- //"color": map.get($color-options, e),
354
- //"font-weight": 400,
355
- //"font-style": italic,
356
- //"margin-bottom": $measure * 3,
357
- //"padding-top": $measure * 2,
358
- //"text-align": right,
359
- //"text-decoration": none,
360
- //"text-decoration-color": #000000,
361
- //"text-underline-position": under,
362
- ),
363
- "paragraph": (
364
- //"bold-color": red,
365
- //"bold-font-weight": 600,
366
- //"className": f--font-d,
367
- //"color": color.adjust(map.get($color-options, e), $lightness: -20%),
368
- //"font-style": italic,
369
- //"font-weight": 400,
370
- //"margin-bottom": $measure * 3,
371
- //"padding-top": $measure,
372
- //"text-align": right,
373
- //"text-decoration": none,
374
- //"text-decoration-color": #000000,
375
- //"text-underline-position": under,
376
- ),
290
+ "number-font": (
291
+ //"bold-color": red,
292
+ //"bold-font-weight": 600,
293
+ //"className": f--font-e,
294
+ //"color": red,
295
+ //"font-style": italic,
296
+ //"font-weight": 600,
297
+ //"margin-bottom": $measure,
298
+ //"margin-bottom-before-lists": $measure * 2,
299
+ //"padding-top": $measure,
300
+ //"text-align": left,
301
+ //"text-decoration": none,
302
+ //"text-decoration-color": #000000,
303
+ //"text-underline-position": under,
304
+ ),
305
+ //"second-level-artwork-background": null,
306
+ //"second-level-artwork-border-color": transparent,
307
+ //"second-level-artwork-border-radius": null,
308
+ //"second-level-artwork-border-width": null,
309
+ //"second-level-artwork-image": null,
310
+ //"second-level-artwork-top": null,
311
+ //"second-level-artwork-width": null,
312
+ //"second-level-number-color": map.get($color-options, g),
313
+ //"third-level-artwork-background": map.get($color-options, f),
314
+ //"third-level-artwork-border-color": null,
315
+ //"third-level-artwork-border-radius": null,
316
+ //"third-level-artwork-border-width": 2px,
317
+ //"third-level-artwork-image": null,
318
+ //"third-level-artwork-top": 8px,
319
+ //"third-level-artwork-width": 8px,
320
+ //"third-level-number-color": map.get($color-options, f),
321
+ //"margin-bottom": $measure * 3,
322
+ //"nested-list-spacing": $measure,
323
+ ),
324
+ $paragraphs-options: (
325
+ //"bold-color": map.get($color-options, e),
326
+ //"bold-font-weight": 600,
327
+ //"className": f--font-e f--color-a,
328
+ //"color": red,
329
+ //"font-style": italic,
330
+ //"font-weight": 400,
331
+ //"margin-bottom": $measure * 3,
332
+ //"margin-bottom-before-lists": $measure * 2,
333
+ //"padding-top": $measure,
334
+ //"text-align": left,
335
+ //"text-decoration": none,
336
+ //"text-decoration-color": #000000,
337
+ //"text-underline-position": under,
338
+ ),
339
+ $quote-options: (
340
+ //"background-color": color.adjust(map.get($color-options, e), $lightness: 50%),
341
+ //"background-image": url("/images/quote-bg.jpg"),
342
+ //"background-size": cover,
343
+ //"background-position": center,
344
+ //"background-repeat": no-repeat,
345
+ //"overlay": linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
346
+ //"margin-bottom": $measure * 5,
347
+ //"margin-top": $measure,
348
+ //"padding": $measure * 5,
349
+ "border": (
350
+ //"border-color": color.adjust(map.get($color-options, e), $lightness: 45%),
351
+ //"border-radius": $measure*2,
352
+ //"border-style": solid,
353
+ //"border-width": 2px 0,
377
354
  ),
378
- $separator-options: (
379
- //"color": color.adjust(map.get($color-options, e), $lightness: -10%),
380
- //"height": 7px,
381
- //"margin": $measure * 10 0,
382
- //"width": 100%,
383
- //"dots-color": map.get($color-options, h),
384
- //"dots-size": 8rem,
385
- //"dots-spacing": 1em,
355
+ "cite": (
356
+ //"bold-color": red,
357
+ //"bold-font-weight": 600,
358
+ //"className": f--font-f,
359
+ //"color": map.get($color-options, e),
360
+ //"font-weight": 400,
361
+ //"font-style": italic,
362
+ //"margin-bottom": $measure * 3,
363
+ //"padding-top": $measure * 2,
364
+ //"text-align": right,
365
+ //"text-decoration": none,
366
+ //"text-decoration-color": #000000,
367
+ //"text-underline-position": under,
386
368
  ),
387
- $table-options: (
388
- //"body-background": rgba(map.get($color-options, e), 0.3),
389
- //"body-border-right": 1px solid map.get($color-options, e),
390
- //"body-border-bottom": 1px solid map.get($color-options, e),
391
- //"table-border": 3px solid map.get($color-options, e),
392
- //"table-border-radius": $measure * 2,
393
- //"scroll-breakpoint": 700px,
394
- //"body-cells-padding": $measure $measure * 2,
395
- //"odd-rows-background": rgba(map.get($color-options, e), 0.5),
396
- //"odd-rows-text-color": map.get($color-options, i),
397
- "body-font-styles": (
369
+ "paragraph": (
370
+ //"bold-color": red,
371
+ //"bold-font-weight": 600,
372
+ //"className": f--font-d,
373
+ //"color": color.adjust(map.get($color-options, e), $lightness: -20%),
374
+ //"font-style": italic,
375
+ //"font-weight": 400,
376
+ //"margin-bottom": $measure * 3,
377
+ //"padding-top": $measure,
378
+ //"text-align": right,
379
+ //"text-decoration": none,
380
+ //"text-decoration-color": #000000,
381
+ //"text-underline-position": under,
382
+ ),
383
+ ),
384
+ $separator-options: (
385
+ //"color": color.adjust(map.get($color-options, e), $lightness: -10%),
386
+ //"height": 7px,
387
+ //"margin": $measure * 10 0,
388
+ //"width": 100%,
389
+ //"dots-color": map.get($color-options, h),
390
+ //"dots-size": 8rem,
391
+ //"dots-spacing": 1em,
392
+ ),
393
+ $table-options: (
394
+ //"body-background": rgba(map.get($color-options, e), 0.3),
395
+ //"body-border-right": 1px solid map.get($color-options, e),
396
+ //"body-border-bottom": 1px solid map.get($color-options, e),
397
+ //"table-border": 3px solid map.get($color-options, e),
398
+ //"table-border-radius": $measure * 2,
399
+ //"scroll-breakpoint": 700px,
400
+ //"body-cells-padding": $measure $measure * 2,
401
+ //"odd-rows-background": rgba(map.get($color-options, e), 0.5),
402
+ //"odd-rows-text-color": map.get($color-options, i),
403
+ "body-font-styles": (
398
404
  //"bold-color": map.get($color-options, h),
399
405
  //"bold-font-weight": 600,
400
406
  //"className": f--font-d,
@@ -408,53 +414,53 @@ This table shows which blocks are compatible with Gutenberg (WordPress), classic
408
414
  //"text-decoration": none,
409
415
  //"text-decoration-color": #000000,
410
416
  //"text-underline-position": under,
411
- ),
412
- //"header-background": rgba(map.get($color-options, e), 0.1),
413
- //"header-border-right": 1px solid map.get($color-options, e),
414
- //"header-border-bottom": 2px solid map.get($color-options, e),
415
- //"header-cells-padding": $measure * 2,
416
- "header-font-styles": (
417
- //"bold-color": red,
418
- //"bold-font-weight": 600,
419
- //"className": f--font-d,
420
- //"color": map.get($color-options, e),
421
- //"font-style": italic,
422
- //"font-weight": 600,
423
- //"margin-bottom": $measure * 3,
424
- //"margin-bottom-before-lists": $measure * 2,
425
- //"padding-top": $measure,
426
- //"text-align": center,
427
- //"text-decoration": none,
428
- //"text-decoration-color": #000000,
429
- //"text-underline-position": under,
430
- ),
431
- "caption": (
417
+ ),
418
+ //"header-background": rgba(map.get($color-options, e), 0.1),
419
+ //"header-border-right": 1px solid map.get($color-options, e),
420
+ //"header-border-bottom": 2px solid map.get($color-options, e),
421
+ //"header-cells-padding": $measure * 2,
422
+ "header-font-styles": (
423
+ //"bold-color": red,
424
+ //"bold-font-weight": 600,
425
+ //"className": f--font-d,
426
+ //"color": map.get($color-options, e),
427
+ //"font-style": italic,
428
+ //"font-weight": 600,
429
+ //"margin-bottom": $measure * 3,
430
+ //"margin-bottom-before-lists": $measure * 2,
431
+ //"padding-top": $measure,
432
+ //"text-align": center,
433
+ //"text-decoration": none,
434
+ //"text-decoration-color": #000000,
435
+ //"text-underline-position": under,
436
+ ),
437
+ "caption": (
432
438
  //"bold-color": map.get($color-options, h),
433
- // "bold-font-weight": 600,
439
+ //"bold-font-weight": 600,
434
440
  //"className": f--font-f,
435
- // "color": map.get($color-options, a),
436
- // "font-style": italic,
437
- // "font-weight": 600,
438
- // "margin-bottom": $measure,
439
- // "margin-bottom-before-lists": $measure * 2,
441
+ //"color": map.get($color-options, a),
442
+ //"font-style": italic,
443
+ //"font-weight": 600,
444
+ //"margin-bottom": $measure,
445
+ //"margin-bottom-before-lists": $measure * 2,
440
446
  //"padding-top": $measure,
441
- // "text-align": right,
442
- // "text-decoration": none,
443
- // "text-decoration-color": #000000,
444
- // "text-underline-position": under,
445
- ),
446
- //"margin-bottom": $measure * 4,
447
-
448
- ),
449
- $utilities-options: (
450
- //"media-text-aligned-margin-x": 32px,
447
+ //"text-align": right,
448
+ //"text-decoration": none,
449
+ //"text-decoration-color": #000000,
450
+ //"text-underline-position": under,
451
451
  ),
452
- $video-options: (
453
- //"border-color": map.get($color-options, e),
454
- //"border-radius": $measure*2,
455
- //"border-style": solid,
456
- //"border-width": 4px,
457
- "caption": (
452
+ //"margin-bottom": $measure * 4,
453
+
454
+ ),
455
+ $utilities-options: (
456
+ //"media-text-aligned-margin-x": 32px,
457
+ ),
458
+ $video-options: (
459
+ //"border-color": map.get($color-options, e),
460
+ //"border-radius": $measure*2,
461
+ //"border-style": solid,
462
+ //"border-width": 4px,
463
+ "caption": (
458
464
  //"bold-color": map.get($color-options, e),
459
465
  //"bold-font-weight": 600,
460
466
  //"className": f--font-f,
@@ -463,33 +469,32 @@ This table shows which blocks are compatible with Gutenberg (WordPress), classic
463
469
  //"font-weight": 400,
464
470
  //"margin-bottom": $measure * 3,
465
471
  //"margin-bottom-before-lists": $measure * 2,
466
-
467
472
  //"padding-top": $measure*1.5,
468
473
  //"text-align": right,
469
474
  //"text-decoration": none,
470
475
  //"text-decoration-color": #000000,
471
476
  //"text-underline-position": under,
472
- ),
473
- //"margin-bottom": $measure * 3,
474
- //"max-height": 700px,
475
- //"max-width": 100%,
476
- //"min-height": 0,
477
- //"min-width": 30px,
478
- //"object-fit": cover,
479
- //"object-position": center,
480
477
  ),
481
- $custom-options: (
482
- //".mi-selector": (
483
- //"class": f--font-e f--color-f,
484
- //"color": red,
485
- // ),
486
- //"parent": (
487
- // "background": map.get($color-options, i),
488
- // "padding": $measure * 2,
489
- // ),
490
- ),
491
- );
492
- }
478
+ //"margin-bottom": $measure * 3,
479
+ //"max-height": 700px,
480
+ //"max-width": 100%,
481
+ //"min-height": 0,
482
+ //"min-width": 30px,
483
+ //"object-fit": cover,
484
+ //"object-position": center,
485
+ ),
486
+ $custom-options: (
487
+ //".mi-selector": (
488
+ //"class": f--font-e f--color-f,
489
+ //"color": red,
490
+ // ),
491
+ //"parent": (
492
+ // "background": map.get($color-options, i),
493
+ // "padding": $measure * 2,
494
+ // ),
495
+ ),
496
+ );
497
+
493
498
  }
494
499
  ```
495
500
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@terrahq/wysiwyg",
3
3
  "private": false,
4
- "version": "1.0.1",
4
+ "version": "1.0.2",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "dev": "vite",