Dark
Light
Preset:
16
1
<!-- BEGIN THING -->
2
<h2 id="my_id">Hello &amp; World</h2>
3
<p class="myClass">
4
  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa perspiciatis laudantium cumque voluptates accusantium voluptatum magnam maiores facere tempora ducimus nobis obcaecati, animi at odit nihil, velit officia doloribus impedit!
5
</p>
6
<!-- END THING -->
7
​
8
## This is a markdown heading
9
​
10
> Neat
11
​
12
* _one_
13
* _two_
14
​
15
1. *three*
16
2. *four*
30
1
h1, .h1 {
2
  font-size: 2em;
3
  -webkit-animation: spin 1s ease-out;
4
  color: crimson;
5
  font-family: sans-serif;
6
}
7
​
8
$theColor: blue;
9
​
10
a[href="http://example.com"] {
11
  &:before {
12
    color: $theColor;
13
  }
14
  color: #eee;
15
}
16
​
17
@media (min-width: 600px) {
18
  h1#hello, h1.world {
19
    display:none;
20
  }
21
}
22
​
23
@-webkit-keyframes spin {
24
  0% {
25
   transform: rotate(0);
26
  }
27
  100% {
28
   transform: rotate(360deg);
29
  }
30
}
27
 
1
for (var i=0; i<10; i++) {
2
  console.log(i);
3
}
4
​
5
function aFunc() {
6
  var obj = {};
7
  obj.isAnObject = true;
8
}
9
​
10
function Dog(opts) {
11
  this.name = opts.name;
12
  this.isGoodDog = opts.isGoodDog;
13
  this.whosAGoodDog = function() {
14
    console.log( this.isGoodDog ? "me" : undefined );
15
  }
16
  this.bark = function() {
17
    console.log("woof");
18
  }
19
  this.sayName = function() {
20
    console.log(this.name);
21
  }
22
}
23
​
24
var myDog = new Dog({
25
  name: "aDog",
26
  isGoodDog: true // good pupper
27
});
15
    console.log(this.name);