kmx.io/prism.js/examples/prism-scss.html

Branch - branch -master

• Show log

  Commit

• Hash : c3ed5b52
  Author :
  Date : 2018-03-11T11:11:05
  

  Website: Auto-generate example header with component title, list of aliases and dependencies. `overrideExampleHeader` can be used to generate only the component title.

Download

• examples/prism-scss.html

• <h2>Comments</h2>
  <pre><code>// Single line comment
  /* Multi-line
  comment */</code></pre>
  
  <h2>At-rules</h2>
  <pre><code>@import "foo.scss";
  @media (min-width: 600px) {}
  .seriousError {
      @extend .error;
  }
  @for $i from 1 through 3 {}
  </code></pre>
  
  <h2>Compass URLs</h2>
  <pre><code>@font-face {
  	font-family: "opensans";
  	src: font-url("opensans.ttf");
  }</code></pre>
  
  <h2>Variables</h2>
  <pre><code>$width: 5em;
  #main {
      width: $width;
  }</code></pre>
  
  <h2>Interpolations are highlighted in property names</h2>
  <pre><code>p.#{$name} {
      #{$attr}-color: blue;
  }
  </code></pre>

Download