attributes.yaml

CSS classes and IDs:
  CSS classes and IDs:
    desc: You can apply CSS classes and IDs to phrase modifiers or block modifiers.
    input: p(my-class). This is a paragraph that has a class and this *(#special-phrase)emphasized
      phrase* has an id.
    output: <p class="my-class">This is a paragraph that has a class and this <strong
      id="special-phrase">emphasized phrase</strong> has an id.</p>
  CSS IDs:
    desc: ''
    input: p(#my-paragraph). This is a paragraph that has an id.
    output: <p id="my-paragraph">This is a paragraph that has an id.</p>
  CSS classes and IDs combined:
    desc: You can specify both class and ID, but the class must always come first.
    input: div(myclass#myid). This div has both a CSS class and ID.
    output: <div class="myclass" id="myid">This div has both a <span class="caps">CSS</span>
      class and ID.</div>
CSS styles:
  CSS styles:
    desc: Apply CSS styles directly to block or phrase modifiers by putting the
      style rules in curly braces.
    input: p{color:blue;letter-spacing:.5em}. Spacey blue
    output: <p style="color:blue;letter-spacing:.5em;">Spacey blue</p>
Language:
  Language:
    desc: Specify the language of text with square brackets.
    input: p[fr]. Parlez-vous français ?
    output: <p lang="fr">Parlez-vous français ?</p>
Alignment:
  Alignment:
    desc: 'Text inside blocks can be aligned in four ways:'
    input: |-
      p<. align left
      
      p>. align right
      
      p=. centered
      
      p<>. justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified
    output: |-
      <p style="text-align:left;">align left</p>
      <p style="text-align:right;">align right</p>
      <p style="text-align:center;">centered</p>
      <p style="text-align:justify;">justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified justified</p>
Indentation:
  Indentation:
    desc: Text can be indented with single parentheses.  For each left paren, left
      pad 1em.  For each right paren, right pad 1em.  They may be combined for left
      and right padding.
    input: |-
      p(. Left pad 1em.
      
      p)). Right pad 2em.
      
      p(). Pad both left and right sides 1em.
    output: |-
      <p style="padding-left:1em;">Left pad 1em.</p>
      <p style="padding-right:2em;">Right pad 2em.</p>
      <p style="padding-left:1em;padding-right:1em;">Pad both left and right sides 1em.</p>