define the .cinnamonroll spec version 1.0.0

[usagi]

define the first spec.

[usagi]

syntax:

• .markdown like
• 1-line to 1-define
  • define is:
  • the key-value pair of a CSS property;
    • property-name: property-value
  • a CSS selector;
    • body, .hoge, #fuga > a:hover
    • .ichigo :: after, vanilla :: before, .framboise[href^="mailto:"]
  • the key-value pair of a cinnamonroll-block;
    • @media foo,bar
    • @page
    • @charset "UTF-8"
    • @import url(appendix.css)

[usagi]

syntax(add):

• indent unit is a 2-space. (the tab and a N-space unit to the future; spec 1.1.0, maybe)
• allow unknown(;no-defined on CSS specs) keys and values;
  • @unkown-cinnamonroll unkown-cinnamonroll-value;
  • unkown-property: unkown-value
• allow nest for selectors
• brace-pair( '{' and '}' ) is not a structure, it is a part of a value only
• semicollon( ';' ) is not a syntax, it is a part of a value only
• comment-block( "/* ... */" ) is not suppor.
• single-line-comment is support. but, it is **must begining with the char as '#' or string "--", "//"
• file text format is UTF-8N only
• "aaa:bbb" pattern is property if it has parent. elsewise, it's selector.

sample:

@charset "UTF-8"
@import url(the-other.css)
@page
  size: 10cm
# tag settings
body
  color: hsla(30, 0%, 95%, 0.95)
  background-color: Black
# trial definitions with CSS3
*
  border: 1px solid #CCC
  border-radius: 3px
  font-family: "schoolbell", cursive
a:hover
  border: 2px solid #AAA
  h1, h2, h3,div
    color: AliceBlue
  h4,h5,p
    color: Beige
    span.hoge
      font-weight: bold

[usagi]

syntax(add):

• unified unit system for a color;
  • param of H, S, L, R, G, B and A in hsla(H,S,L,A), rgba(R,G,B,A) pattern;
  • unorm real number value with floating point: 0.0 0.123 .8999 1. ; range is [0.00:1.00]
  • integer value is not process, there are out to .css directly