pandoc-markdown-jekyll-theme 0.16.0 → 0.17.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.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/assets/css/theme.css +109 -10
  3. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 98baa39b8f49cae59e4e11b367641634a33c84c7d1d90861d76020957270ad1a
4
- data.tar.gz: 85660e4a5eb2f9d6393e7ac71ee2f6d0613ee41e67501d8f53d09626ff8fb56a
3
+ metadata.gz: ba2ae9b2976f1e8212a1fe746b206537c187dc18215f5995fd69fa3ac0e20648
4
+ data.tar.gz: 2d53c489bb87c067e02455475484c88db41b9bc9718fc0eb571324e20f05be2b
5
5
  SHA512:
6
- metadata.gz: c7dd503985f7ea7e230cd87aa068dcbe87c25967683761b1485a3c5cddb4725e1b19e81308f580f6bd6475a4a77dd0668f9f40c431c58408b1c895699079ebb0
7
- data.tar.gz: 7457f7e18541d5872ba6d99b35df43d7d155fb8bf125e8f373fbf02123d284c40cdaff0a19e1bc761a5514b2c7e2978f0d729b14ec4b41105501e363ea4456d8
6
+ metadata.gz: 2cc6b3a6bd3abfea6efcda3803792a5abf962c7764cd898fa60fe1af310049916ba8930586f6f2d6069d1db6621d8bb5b2774f20e4050c585ff0169b86e1fd24
7
+ data.tar.gz: e66a08121a5b4a7a8f8379cda04e316b2c014f01db7c88d0d40ce2ee3624b2b9a809205e719f8f66dd0b1e6f7f5c47e738a5360c270798334250546f6c1f8745
data/assets/css/theme.css CHANGED
@@ -528,11 +528,6 @@ pre > code {
528
528
  padding: 0 var(--code-block-side-padding);
529
529
  }
530
530
 
531
- code.sourceCode::selection {
532
- /* Prevent bug where far right edge of text box shows as selected. */
533
- background: transparent;
534
- }
535
-
536
531
  .wide > pre, .wide > div.sourceCode {
537
532
  /* Put this in front of the table of contents */
538
533
  transform: translateZ(0px);
@@ -550,7 +545,7 @@ pre > code.sourceCode > span {
550
545
  line-height: var(--line-height);
551
546
 
552
547
  display: inline-block;
553
- min-width: 100%;
548
+ position: relative;
554
549
  }
555
550
 
556
551
  div.sourceCode {
@@ -568,8 +563,7 @@ pre.numberSource > code.sourceCode > span {
568
563
  counter-increment: source-line;
569
564
  padding-left: var(--line-numbers-width);
570
565
  text-indent: var(--line-numbers-negative-width);
571
- position: relative;
572
- left: var(--line-numbers-negative-width);
566
+ margin-left: var(--line-numbers-negative-width);
573
567
  }
574
568
  pre.numberSource > code.sourceCode > span > a:first-child::before {
575
569
  -webkit-touch-callout: none;
@@ -626,12 +620,16 @@ pre > code.sourceCode > span::after {
626
620
  position: absolute;
627
621
  background-color: var(--color-code-highlight-bg);
628
622
  z-index: -1;
629
- left: calc(var(--line-numbers-width) - var(--code-block-side-padding));
630
- right: calc(var(--line-numbers-negative-width) - var(--code-block-side-padding));
623
+ left: calc(-1 * var(--code-block-side-padding));
624
+ right: calc(-1 * var(--code-block-side-padding));
631
625
  top: 0;
632
626
  height: 100%;
633
627
  }
634
628
 
629
+ pre.numberSource > code.sourceCode > span::after {
630
+ left: calc(var(--line-numbers-width) - var(--code-block-side-padding));
631
+ }
632
+
635
633
  pre.hl-1 > code.sourceCode > span:nth-of-type(1)::after { content: ""; }
636
634
  pre.hl-2 > code.sourceCode > span:nth-of-type(2)::after { content: ""; }
637
635
  pre.hl-3 > code.sourceCode > span:nth-of-type(3)::after { content: ""; }
@@ -673,6 +671,107 @@ pre.hl-38 > code.sourceCode > span:nth-of-type(38)::after { content: ""; }
673
671
  pre.hl-39 > code.sourceCode > span:nth-of-type(39)::after { content: ""; }
674
672
  pre.hl-40 > code.sourceCode > span:nth-of-type(40)::after { content: ""; }
675
673
 
674
+ /**
675
+ * The span needs to be at least as big as the enclosing code block, or else
676
+ * the ::after highlight will not be wide enough.
677
+ *
678
+ * Ideally, we would set this on all spans, regardless of whether it's got a
679
+ * highlight or not. But in Chrome, setting a min-width on an inline-block
680
+ * element makes Chrome think that the newline character is at the very end of
681
+ * the element. It's like Chrome puts empty space bewteen the last character of
682
+ * the line and the newline to get it up to the min-width, instead of putting
683
+ * that extra space after the newline.
684
+ *
685
+ * This is normally invisible, unless you're selecting text to copy it, in
686
+ * which case it's jarring to see Chrome selecting a newline character off in
687
+ * space. We want to minimize that so that it happens as little as possible.
688
+ * Namely, selecting code that does not have a background `.hl-*` will not show
689
+ * a weird floating newline.
690
+ *
691
+ * This seems to only affect Chrome, because only Chrome shows the newline as a
692
+ * part of the selection.
693
+ */
694
+ pre.hl-1 > code.sourceCode > span:nth-of-type(1) { min-width: 100%; }
695
+ pre.hl-2 > code.sourceCode > span:nth-of-type(2) { min-width: 100%; }
696
+ pre.hl-3 > code.sourceCode > span:nth-of-type(3) { min-width: 100%; }
697
+ pre.hl-4 > code.sourceCode > span:nth-of-type(4) { min-width: 100%; }
698
+ pre.hl-5 > code.sourceCode > span:nth-of-type(5) { min-width: 100%; }
699
+ pre.hl-6 > code.sourceCode > span:nth-of-type(6) { min-width: 100%; }
700
+ pre.hl-7 > code.sourceCode > span:nth-of-type(7) { min-width: 100%; }
701
+ pre.hl-8 > code.sourceCode > span:nth-of-type(8) { min-width: 100%; }
702
+ pre.hl-9 > code.sourceCode > span:nth-of-type(9) { min-width: 100%; }
703
+ pre.hl-10 > code.sourceCode > span:nth-of-type(10) { min-width: 100%; }
704
+ pre.hl-11 > code.sourceCode > span:nth-of-type(11) { min-width: 100%; }
705
+ pre.hl-12 > code.sourceCode > span:nth-of-type(12) { min-width: 100%; }
706
+ pre.hl-13 > code.sourceCode > span:nth-of-type(13) { min-width: 100%; }
707
+ pre.hl-14 > code.sourceCode > span:nth-of-type(14) { min-width: 100%; }
708
+ pre.hl-15 > code.sourceCode > span:nth-of-type(15) { min-width: 100%; }
709
+ pre.hl-16 > code.sourceCode > span:nth-of-type(16) { min-width: 100%; }
710
+ pre.hl-17 > code.sourceCode > span:nth-of-type(17) { min-width: 100%; }
711
+ pre.hl-18 > code.sourceCode > span:nth-of-type(18) { min-width: 100%; }
712
+ pre.hl-19 > code.sourceCode > span:nth-of-type(19) { min-width: 100%; }
713
+ pre.hl-20 > code.sourceCode > span:nth-of-type(20) { min-width: 100%; }
714
+ pre.hl-21 > code.sourceCode > span:nth-of-type(21) { min-width: 100%; }
715
+ pre.hl-22 > code.sourceCode > span:nth-of-type(22) { min-width: 100%; }
716
+ pre.hl-23 > code.sourceCode > span:nth-of-type(23) { min-width: 100%; }
717
+ pre.hl-24 > code.sourceCode > span:nth-of-type(24) { min-width: 100%; }
718
+ pre.hl-25 > code.sourceCode > span:nth-of-type(25) { min-width: 100%; }
719
+ pre.hl-26 > code.sourceCode > span:nth-of-type(26) { min-width: 100%; }
720
+ pre.hl-27 > code.sourceCode > span:nth-of-type(27) { min-width: 100%; }
721
+ pre.hl-28 > code.sourceCode > span:nth-of-type(28) { min-width: 100%; }
722
+ pre.hl-29 > code.sourceCode > span:nth-of-type(29) { min-width: 100%; }
723
+ pre.hl-30 > code.sourceCode > span:nth-of-type(30) { min-width: 100%; }
724
+ pre.hl-31 > code.sourceCode > span:nth-of-type(31) { min-width: 100%; }
725
+ pre.hl-32 > code.sourceCode > span:nth-of-type(32) { min-width: 100%; }
726
+ pre.hl-33 > code.sourceCode > span:nth-of-type(33) { min-width: 100%; }
727
+ pre.hl-34 > code.sourceCode > span:nth-of-type(34) { min-width: 100%; }
728
+ pre.hl-35 > code.sourceCode > span:nth-of-type(35) { min-width: 100%; }
729
+ pre.hl-36 > code.sourceCode > span:nth-of-type(36) { min-width: 100%; }
730
+ pre.hl-37 > code.sourceCode > span:nth-of-type(37) { min-width: 100%; }
731
+ pre.hl-38 > code.sourceCode > span:nth-of-type(38) { min-width: 100%; }
732
+ pre.hl-39 > code.sourceCode > span:nth-of-type(39) { min-width: 100%; }
733
+ pre.hl-40 > code.sourceCode > span:nth-of-type(40) { min-width: 100%; }
734
+ pre.numberSource.hl-1 > code.sourceCode > span:nth-of-type(1) { min-width: calc(100% + var(--line-numbers-width)); }
735
+ pre.numberSource.hl-2 > code.sourceCode > span:nth-of-type(2) { min-width: calc(100% + var(--line-numbers-width)); }
736
+ pre.numberSource.hl-3 > code.sourceCode > span:nth-of-type(3) { min-width: calc(100% + var(--line-numbers-width)); }
737
+ pre.numberSource.hl-4 > code.sourceCode > span:nth-of-type(4) { min-width: calc(100% + var(--line-numbers-width)); }
738
+ pre.numberSource.hl-5 > code.sourceCode > span:nth-of-type(5) { min-width: calc(100% + var(--line-numbers-width)); }
739
+ pre.numberSource.hl-6 > code.sourceCode > span:nth-of-type(6) { min-width: calc(100% + var(--line-numbers-width)); }
740
+ pre.numberSource.hl-7 > code.sourceCode > span:nth-of-type(7) { min-width: calc(100% + var(--line-numbers-width)); }
741
+ pre.numberSource.hl-8 > code.sourceCode > span:nth-of-type(8) { min-width: calc(100% + var(--line-numbers-width)); }
742
+ pre.numberSource.hl-9 > code.sourceCode > span:nth-of-type(9) { min-width: calc(100% + var(--line-numbers-width)); }
743
+ pre.numberSource.hl-10 > code.sourceCode > span:nth-of-type(10) { min-width: calc(100% + var(--line-numbers-width)); }
744
+ pre.numberSource.hl-11 > code.sourceCode > span:nth-of-type(11) { min-width: calc(100% + var(--line-numbers-width)); }
745
+ pre.numberSource.hl-12 > code.sourceCode > span:nth-of-type(12) { min-width: calc(100% + var(--line-numbers-width)); }
746
+ pre.numberSource.hl-13 > code.sourceCode > span:nth-of-type(13) { min-width: calc(100% + var(--line-numbers-width)); }
747
+ pre.numberSource.hl-14 > code.sourceCode > span:nth-of-type(14) { min-width: calc(100% + var(--line-numbers-width)); }
748
+ pre.numberSource.hl-15 > code.sourceCode > span:nth-of-type(15) { min-width: calc(100% + var(--line-numbers-width)); }
749
+ pre.numberSource.hl-16 > code.sourceCode > span:nth-of-type(16) { min-width: calc(100% + var(--line-numbers-width)); }
750
+ pre.numberSource.hl-17 > code.sourceCode > span:nth-of-type(17) { min-width: calc(100% + var(--line-numbers-width)); }
751
+ pre.numberSource.hl-18 > code.sourceCode > span:nth-of-type(18) { min-width: calc(100% + var(--line-numbers-width)); }
752
+ pre.numberSource.hl-19 > code.sourceCode > span:nth-of-type(19) { min-width: calc(100% + var(--line-numbers-width)); }
753
+ pre.numberSource.hl-20 > code.sourceCode > span:nth-of-type(20) { min-width: calc(100% + var(--line-numbers-width)); }
754
+ pre.numberSource.hl-21 > code.sourceCode > span:nth-of-type(21) { min-width: calc(100% + var(--line-numbers-width)); }
755
+ pre.numberSource.hl-22 > code.sourceCode > span:nth-of-type(22) { min-width: calc(100% + var(--line-numbers-width)); }
756
+ pre.numberSource.hl-23 > code.sourceCode > span:nth-of-type(23) { min-width: calc(100% + var(--line-numbers-width)); }
757
+ pre.numberSource.hl-24 > code.sourceCode > span:nth-of-type(24) { min-width: calc(100% + var(--line-numbers-width)); }
758
+ pre.numberSource.hl-25 > code.sourceCode > span:nth-of-type(25) { min-width: calc(100% + var(--line-numbers-width)); }
759
+ pre.numberSource.hl-26 > code.sourceCode > span:nth-of-type(26) { min-width: calc(100% + var(--line-numbers-width)); }
760
+ pre.numberSource.hl-27 > code.sourceCode > span:nth-of-type(27) { min-width: calc(100% + var(--line-numbers-width)); }
761
+ pre.numberSource.hl-28 > code.sourceCode > span:nth-of-type(28) { min-width: calc(100% + var(--line-numbers-width)); }
762
+ pre.numberSource.hl-29 > code.sourceCode > span:nth-of-type(29) { min-width: calc(100% + var(--line-numbers-width)); }
763
+ pre.numberSource.hl-30 > code.sourceCode > span:nth-of-type(30) { min-width: calc(100% + var(--line-numbers-width)); }
764
+ pre.numberSource.hl-31 > code.sourceCode > span:nth-of-type(31) { min-width: calc(100% + var(--line-numbers-width)); }
765
+ pre.numberSource.hl-32 > code.sourceCode > span:nth-of-type(32) { min-width: calc(100% + var(--line-numbers-width)); }
766
+ pre.numberSource.hl-33 > code.sourceCode > span:nth-of-type(33) { min-width: calc(100% + var(--line-numbers-width)); }
767
+ pre.numberSource.hl-34 > code.sourceCode > span:nth-of-type(34) { min-width: calc(100% + var(--line-numbers-width)); }
768
+ pre.numberSource.hl-35 > code.sourceCode > span:nth-of-type(35) { min-width: calc(100% + var(--line-numbers-width)); }
769
+ pre.numberSource.hl-36 > code.sourceCode > span:nth-of-type(36) { min-width: calc(100% + var(--line-numbers-width)); }
770
+ pre.numberSource.hl-37 > code.sourceCode > span:nth-of-type(37) { min-width: calc(100% + var(--line-numbers-width)); }
771
+ pre.numberSource.hl-38 > code.sourceCode > span:nth-of-type(38) { min-width: calc(100% + var(--line-numbers-width)); }
772
+ pre.numberSource.hl-39 > code.sourceCode > span:nth-of-type(39) { min-width: calc(100% + var(--line-numbers-width)); }
773
+ pre.numberSource.hl-40 > code.sourceCode > span:nth-of-type(40) { min-width: calc(100% + var(--line-numbers-width)); }
774
+
676
775
  /* }}} */
677
776
 
678
777
  /* }}} */
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: pandoc-markdown-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.16.0
4
+ version: 0.17.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Jake Zimmerman
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2025-09-01 00:00:00.000000000 Z
11
+ date: 2025-11-03 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll-pandoc