EDGE Code

Markup


      

        Unlike other code-highlighter, you don't need to escape < into &lt;
        
...
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

large-3small-5

large-6 offset-3small-5

collapsed

large-3 offset-3small-5

large-6small-5 offset-2

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