Rendering HTML Org-mode style with no classes and the power of Common Lisp

Idea

This project is inspired by amazing Markdown.css work by Peter Coles.

Demo

Please check the mandatory HTML5 features demo Demo page.

Tools

Emacs

Almighty editor to rule them all edit CSS, LASS, Common Lisp and bits of HTML.

I highly recommend Portacle as a distribution to try out Common Lips development in a hassle free manner.

LASS

CSS is being generated using Shinmera's LASS CSS generation library for Common Lisp.

LASS:

(article
  ((:or p blockquote)
    :margin 0 :padding 0
   (a
     :color black)
   ((:and a :hover)
      :color darkred)))

Generated CSS:

article p, article blockquote{
    margin: 0;
    padding: 0;
}

article p a, article blockquote a{
    color: black;
}

article p a:hover, article blockquote a:hover{
    color: darkred;
}

More examples are available at the LASS website.

CLASSIE as a convenient extension to LASS

I've created a small extension to LASS - CLASSIE that can handle arithmetic operations and goes around some rough edges of LASS.

LASS:

  (h1
   :color #(orange)
   :font-size (+ 4px #(font-size)))

CSS:

h1{
    color: #cb4b16;
    font-size: 18.00px;
}