@@ -575,59 +575,49 @@ body.dark-mode #prevnext hr {
575
575
}
576
576
577
577
# prevnext # prev ::before ,
578
- # prevnext # prev ::after ,
579
- # prevnext # next ::before ,
580
- # prevnext # next ::after {
578
+ # prevnext # next ::after
579
+ {
581
580
position : absolute;
582
- width : 16px ; height : 4px ; content : ' ' ;
583
- background : # e0e0e0 ;
581
+ width : 12px ; height : 12px ; content : ' ' ;
582
+ border-color : # e0e0e0 ;
583
+ border : 4px solid;
584
+ border-top : none;
585
+ border-right : none;
584
586
}
585
587
586
588
body .dark-mode-animate # prevnext # prev ::before ,
587
- body .dark-mode-animate # prevnext # prev ::after ,
588
- body .dark-mode-animate # prevnext # next ::before ,
589
589
body .dark-mode-animate # prevnext # next ::after {
590
- transition : background .15s ;
590
+ transition : border-color .15s ;
591
591
}
592
592
593
593
body .dark-mode # prevnext # prev ::before ,
594
- body .dark-mode # prevnext # prev ::after ,
595
- body .dark-mode # prevnext # next ::before ,
596
594
body .dark-mode # prevnext # next ::after {
597
- background : # 313131 ;
595
+ border-color : # 313131 ;
598
596
}
599
597
600
598
# prevnext # prev : hover ::before ,
601
- # prevnext # prev : hover ::after ,
602
- # prevnext # next : hover ::before ,
603
599
# prevnext # next : hover ::after ,
604
600
body .dark-mode # prevnext # prev : hover ::before ,
605
- body .dark-mode # prevnext # prev : hover ::after ,
606
- body .dark-mode # prevnext # next : hover ::before ,
607
601
body .dark-mode # prevnext # next : hover ::after {
608
- background : # 4A90E2 ;
602
+ border-color : # 4A90E2 ;
609
603
}
610
604
611
- # prevnext # prev ::before ,
612
- # prevnext # prev ::after {
605
+ # prevnext # prev ::before {
613
606
left : 0 ;
614
607
transform-origin : 2px 2px ;
615
608
}
616
609
617
- # prevnext # next ::before ,
618
610
# prevnext # next ::after {
619
611
right : 0 ;
620
612
transform-origin : 14px 2px ;
621
613
}
622
614
623
- # prevnext # prev ::before ,
624
- # prevnext # next ::after {
615
+ # prevnext # prev ::before {
625
616
transform : rotate (45deg );
626
617
}
627
618
628
- # prevnext # prev ::after ,
629
- # prevnext # next ::before {
630
- transform : rotate (-45deg );
619
+ # prevnext # next ::after {
620
+ transform : rotate (-135deg );
631
621
}
632
622
633
623
/*********** header ***********/
@@ -962,6 +952,10 @@ code .line {
962
952
min-width : 736px ;
963
953
}
964
954
955
+ code .line : nth-child (odd) {
956
+ background : rgba (255 , 255 , 255 , .015 );
957
+ }
958
+
965
959
code .line : before {
966
960
content : ' ' ;
967
961
position : absolute;
0 commit comments