anchor.diff:                    __Examples__
   
                     `header`, `container`, `menu`, `checkbox`, `input`
  +
               .grid__cell-lg_size_4.grid__cell_left-border
                 .heading.heading_level_1.heading_element Element
                 .raw-text
  
positive.code:             .grid__cell-sm.grid__cell-sm_size_12
                +heading('Introduction', 'introduction')
  
            .grid__row
              .grid__cell-sm.grid__cell-sm_size_12.raw-text
                :markdown
                  On smaller brochure sites, how your organize your styles isn’t usually a big concern. You get in there, write some CSS, or maybe even some SASS. You compile it all into a single stylesheet with SASS’s production settings, and then you aggregate it to get all the stylesheets from modules into a nice tidy package.
  
  
negative.code:                 footer
                    | Harry Roberts, 
                    a(href="http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/") MindBEMding – getting your head ’round BEM syntax
  
            .grid__row
              .grid__cell-sm.grid__cell-sm_size_12.raw-text
                :markdown
                  ## Blocks, Elements and Modifiers
  
                  You will not be surprised, that BEM is abbreviation of the key elements of the methodology — Block, Element and Modifier. Strict rules of naming can be found in [Naming](/naming) article.
  
  