EDGE Code
Markup
Unlike other code-highlighter, you don't need to escape < into <
...
Add class ".line-numbers" to include numbering
Add attribute data-line to highlight specific lines
The value can be a range like "5-7"
Python
def do_something():
print("Hello World")
CSS
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
Javascript
$(document).ready(function() {
var text = "Hello World";
var num = 5 + 10;
});
Ruby
def do_something():
puts "Hello World"
end
Grid
6
6
8
4
Collapsed Grid
6
6
8
4
Responsive Grid
large-4 small-4
large-4 small-4
large-4 small-4
large-6 small-9
large-6 small-3
Offset and Source Ordering
collapsed
push-9
pull-3, last-child
collapsed
push-9
pull-3, last-child
Nested Grid
12
8
6
6
4
7
5
Responsive Nested Grid
12-12
8-8
6-9
6-3
4-4
7-7
5-5
Responsive offset and Centering
large-8 large-offset-2 small-5 off-3
large-6 large-centered small-8 small-centered
Collapse not nested
8
4
Not nested
8
4