Prism Theme Odyssey

HTML

<!DOCTYPE html>
  <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>Hello world</title>
      <link href='http://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="index.css" />
    </head>
    <body>
      <div id="app"></div>
      <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.5.1/less.min.js"></script>
      <script src="vendor/prism.js"></script>
      <script src="examples.bundle.js"></script>
    </body>
  </html>

CSS

.ods-label {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: $text-heading;
  font-weight: 600;

  .ods-text-input:disabled ~ &,
  .ods-text-input[readonly] ~ & {
    color: $text-sub;
  }
}

.ods-label--optional {
  display: none;
  color: $text-sub;
  font-size: $size-body-caption;
  font-weight: 400;
  line-height: $spacing-m; // Helps optically match line-height above

  [data-optional] &,
  :optional ~ .ods-label & {
    display: block;
  }
}

JavaScript

import {x, y} as p from 'point';
  const ANSWER = 42;
  
  class Car extends Vehicle {
    constructor(speed, cost) {
      super(speed);
  
      var c = Symbol('cost');
      this[c] = cost;
  
      this.intro = `This is a car runs at
        ${speed}.`;
    }
  }
  
  for (let num of [1, 2, 3]) {
    console.log(num + 0b111110111);
  }
  
  function $initHighlight(block, flags) {
    try {
      if (block.className.search(/\bno\-highlight\b/) != -1)
        return processBlock(block.function, true, 0x0F) + ' class=""';
    } catch (e) {
      /* handle exception */
      var e4x =
          Example
              1234;
    }
    for (var i = 0 / 2; i < classes.length; i++) {
    // "0 / 2" should not be parsed as regexp
      if (checkCondition(classes[i]) === undefined)
        return /\d+[\s/]/g;
    }
    console.log(Array.every(classes, Boolean));
  }
  
  export  $initHighlight;