@yltrcc/vditor 0.1.1 → 0.3.0

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.
package/dist/index.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Vditor v0.1.1 - A markdown editor written in TypeScript.
2
+ * Vditor v0.3.0 - A markdown editor written in TypeScript.
3
3
  *
4
4
  * MIT License
5
5
  *
@@ -25,7 +25,7 @@
25
25
  *
26
26
  */
27
27
  /*!
28
- * Vditor v0.1.1 - A markdown editor written in TypeScript.
28
+ * Vditor v0.3.0 - A markdown editor written in TypeScript.
29
29
  *
30
30
  * MIT License
31
31
  *
@@ -1400,19 +1400,57 @@
1400
1400
  position: relative;
1401
1401
  }
1402
1402
  .vditor-wysiwyg__block pre:first-child {
1403
- margin-bottom: -1em;
1404
1403
  display: none;
1404
+ position: relative;
1405
+ margin: 0;
1406
+ padding: 1em;
1407
+ background-color: rgba(0, 0, 0, 0.03);
1408
+ border-radius: 4px;
1409
+ overflow-x: auto;
1410
+ cursor: text;
1411
+ white-space: initial;
1412
+ min-height: 27px;
1413
+ background-size: 20px 20px;
1414
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAACVBMVEWAgIBaWlo+Pj7rTFvWAAAAA3RSTlMHCAw+VhR4AAAA+klEQVQoz4WSMW7EQAhFPxKWNh2FCx+HkaZI6RRb5DYbyVfIJXLKDCFoMbaTKSw/8ZnPAPjaH2xgZcUNUDADD7D9LtDBCLZ45fbkvo/30K8yeI64pPwl6znd/3n/Oe93P3ho9qeh72btTFzqkz0rsJle8Zr81OLEwZ1dv/713uWqvu2pl+k0fy7MWtj9r/tN5q/02z89qa/L4Dc2LvM93kezPfXlME/O86EbY/V9GB9ePX8G1/6W+/9h1dq/HGfTfzT3j/xNo7522Bfnqe5jO/fvhVthlfk434v3iO9zG/UOphyPeinPl1J8Gtaa7xPTa/Dk+RIs4deMvwGvcGsmsCvJ0AAAAABJRU5ErkJggg==);
1405
1415
  }
1406
1416
  .vditor-wysiwyg__block pre:first-child code {
1407
- color: var(--textarea-text-color);
1408
- height: auto;
1409
- text-align: left;
1417
+ margin: 0;
1418
+ font-family: var(--code-font-family);
1419
+ font-size: var(--code-font-size);
1420
+ line-height: var(--code-line-height);
1421
+ padding: 0;
1422
+ background-color: transparent !important;
1423
+ border-radius: 0;
1424
+ display: inline;
1425
+ overflow: visible;
1426
+ white-space: pre;
1427
+ word-break: initial;
1428
+ word-wrap: normal;
1429
+ }
1430
+ .vditor-wysiwyg__block pre:first-child::before {
1431
+ content: attr(data-language);
1432
+ position: absolute;
1433
+ top: 0;
1434
+ right: 0;
1435
+ padding: 2px 8px;
1436
+ font-size: 12px;
1437
+ color: var(--second-color);
1438
+ background-color: var(--panel-background-color);
1439
+ border-radius: 0 4px 0 4px;
1440
+ z-index: 1;
1441
+ }
1442
+ .vditor-wysiwyg__block pre:first-child:hover {
1443
+ box-shadow: 0 0 0 2px var(--blurColor);
1444
+ }
1445
+ .vditor-wysiwyg__block pre:first-child:focus {
1446
+ outline: none;
1410
1447
  }
1411
1448
  .vditor-wysiwyg__block pre:last-child {
1412
1449
  margin-bottom: 1em;
1413
1450
  }
1414
1451
  .vditor-wysiwyg__block--editing pre:first-child {
1415
1452
  display: block;
1453
+ margin: 0;
1416
1454
  }
1417
1455
  .vditor-wysiwyg__block--editing .vditor-wysiwyg__preview {
1418
1456
  display: none;
@@ -1434,6 +1472,7 @@
1434
1472
  font-family: var(--code-font-family);
1435
1473
  font-size: var(--code-font-size);
1436
1474
  line-height: var(--code-line-height);
1475
+ background-color: transparent !important;
1437
1476
  }
1438
1477
  .vditor-wysiwyg__preview::before {
1439
1478
  content: attr(data-language);