anchor.diff:            <input type="checkbox">
             <input type="checkbox" checked="checked">
   
  +  h2 Style Attributes
  +
  +  p The #[code style] attribute can be a string (like any normal attribute) but it can also be an object, which is handy when parts of the style are generated by JavaScript.
  +
  +
  +  .row(data-control='interactive')
  +    .col-lg-6
  +      +jade
  +        :jadesrc
  +          a(style={color: 'red', background: 'green'})
  +    .col-lg-6
  +      +html
  +        :htmlsrc
  +          <a style="color:red;background:green"></a>
  +
     h2 Class Attributes
   
     p The <code>class</code> attribute can be a string (like any normal attribute) but it can also be an array of class names, which is handy when generated from JavaScript.
  
positive.code:     .col-lg-6
        +html
          :htmlsrc
            <a class="foo bar baz"></a>
            <a class="foo bar baz bing"></a>
  
    h2 Class Literal
  
  
negative.code:     .col-lg-6
        +html
          :htmlsrc
            <a href="google.com">Google</a><a class="button" href="google.com">Google</a>
  
    p All the normal JavaScript expressions work fine too:
  
  