kmx.io/prism.js/plugins/show-invisibles/prism-show-invisibles.css

Branch - branch -master

• Show log

  Commit

• Hash : 1090b253
  Author :
  Date : 2019-01-23T04:45:07
  

  Show invisibles inside tokens (#1610) This PR fixes #1608. The patterns for invisible characters (ICs) are now also recursively added to the `inside` of every pattern. I also had to change the color of ICs because in #1607 I changed the color to `inherit` which causes the ICs to have different colors depending on which token they are inside of. So, to make everything consistent, I changed the color to grey (`rgb(128, 128, 128)`) and made it half transparent so it would blend in. Looks really similar to #1607. --- Most of the code is just traversing the language definition, handling the different kinds of tokens (simple regex, array, pattern object), and trying not to fall because of the added tokens for ICs and the `rest` property.

Download

• plugins/show-invisibles/prism-show-invisibles.css

• .token.tab:not(:empty),
  .token.cr,
  .token.lf,
  .token.space {
  	position: relative;
  }
  
  .token.tab:not(:empty):before,
  .token.cr:before,
  .token.lf:before,
  .token.space:before {
  	color: #808080;
  	opacity: 0.6;
  	position: absolute;
  }
  
  .token.tab:not(:empty):before {
  	content: '\21E5';
  }
  
  .token.cr:before {
  	content: '\240D';
  }
  
  .token.crlf:before {
  	content: '\240D\240A';
  }
  .token.lf:before {
  	content: '\240A';
  }
  
  .token.space:before {
  	content: '\00B7';
  }
  

Download