kmx.io/prism.js/plugins/line-numbers/prism-line-numbers.css

• Show log

  Commit

• Hash : eb82e804
  Author :
  Date : 2020-05-07T21:35:08
  

  Line Highlight: Added linkable line numbers (#2328) This makes individual line numbers clickable creating a link to that specific line for that specific code block.

Download

• plugins/line-numbers/prism-line-numbers.css

• pre[class*="language-"].line-numbers {
  	position: relative;
  	padding-left: 3.8em;
  	counter-reset: linenumber;
  }
  
  pre[class*="language-"].line-numbers > code {
  	position: relative;
  	white-space: inherit;
  }
  
  .line-numbers .line-numbers-rows {
  	position: absolute;
  	pointer-events: none;
  	top: 0;
  	font-size: 100%;
  	left: -3.8em;
  	width: 3em; /* works for line-numbers below 1000 lines */
  	letter-spacing: -1px;
  	border-right: 1px solid #999;
  
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  
  }
  
  	.line-numbers-rows > span {
  		display: block;
  		counter-increment: linenumber;
  	}
  
  		.line-numbers-rows > span:before {
  			content: counter(linenumber);
  			color: #999;
  			display: block;
  			padding-right: 0.8em;
  			text-align: right;
  		}
  

Download