SHARE
TWEET

Untitled

a guest Feb 25th, 2013 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. positioning:
  2.  
  3. # initialise at 0,0 of the parent viewport
  4. Need to do:
  5. 1) move relative to parent viewport - 4 sides
  6. 2) move relative to a sibling (i.e next to 'foo' +/- margin)
  7.  
  8. %vp(id, how, [margin])
  9.  where:
  10.     id = sibling id to align with (or - for parent)
  11.     how is 'left-of', 'right-of' 'above' 'below' 'inside' or similar
  12.     margin is how many pixels to offset, 0 for default
  13.  
  14.  
  15. Sizing is more difficult.
  16.  Needs to:
  17. 1) size relative to the parent viewport
  18. 2) size relative to a sibling
  19. 3) size to some other tag (i.e string length, or indent size)
  20.  
  21. %vs(axis, what, [margin])
  22.  
  23. axis - 'width' or 'height'
  24. what is either a sibling name, - for the parent, or a tag (%sl())
  25. margin is percentage or pixels to size, 0px/100% being default
  26.  
  27.  
  28. full example.
  29.  
  30. %sl(a) = length of the text a
  31. %Lx(b) - list indent count, b is the pixels per indent
  32. %lh - line (font) height
  33.  
  34. %V(0,0,-,-,1)           # full viewport
  35. %vc(item)               # child viewport to size each item, initialed to 0,0 of the parent
  36. %vs(height, %lh, 120%)  # make the item 120% font height, 10% height border
  37. %vs(width, -)           # make it the full width of the viewport
  38. #
  39. %vc(indent)             # indent child viewport (if needed)
  40. %vp(item, inside, 0, 0) # position at the (0,0) of the 'item' child vp
  41. %vs(width, %Lx(8))      # Make it the indent width
  42. #
  43. %vc(image)              # image child viewport
  44. %vp(indent, right-of)   # put next to the indent child
  45. %vs(height, item)       # copy 'item' sibling height
  46. %vs(width, 20)          # 20 pixels wide
  47. %Li                     # list item "icon"
  48. #
  49. %vc(text)               # child for the text
  50. %vs(height, %lh, 100%)  # set to line height
  51. %vp(image, right-of)    # put next to the image viewport
  52. %vp(item, vcenter)      # vertically center inside the item child
  53. %Lt                     # Text for the line item
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top