are there any blog posts or entries or good sample code to see the syntax for lucius? is it the same as LESS but with #{xxx} interpolation? max
What is the lucius ? 2011/4/19 Max Cantor <mxcantor@gmail.com>
are there any blog posts or entries or good sample code to see the syntax for lucius? is it the same as LESS but with #{xxx} interpolation?
max _______________________________________________ web-devel mailing list web-devel@haskell.org http://www.haskell.org/mailman/listinfo/web-devel
-- Best regards, Cheshkov Anton Phone: +7 909 005 18 82 Skype: cheshkov_anton
Yes, Lucius is a css superset that supports nesting as per LESS [1] or Sass (SCSS syntax) [2], and also has normal hamlet-style variable interpolation. For those interested, there is a comparison of these 2 css superset languages that goes over main features [3]. Much of the benefit of SASS at least is derived from re-using css libraries (in an easy way that is not possible with normal css) [4]. I think Lucius should somehow seek compatibility with sass to allow re-use of css libraries if this is possible. One approach to this is to simply use Sass instead of Lucius- and we could easily put hamlet style variable insertion on top of it. Lucius will always be needed though to have only haskell dependencies for an easy initial install and usage of Yesod. [1] http://lesscss.org/ [2] http://sass-lang.com/ [3] https://gist.github.com/674726 [4] http://compass-style.org/docs/reference/compass/ On Tue, Apr 19, 2011 at 9:16 AM, Anton Cheshkov <acheshkov@gmail.com> wrote:
What is the lucius ?
2011/4/19 Max Cantor <mxcantor@gmail.com>
are there any blog posts or entries or good sample code to see the syntax for lucius? is it the same as LESS but with #{xxx} interpolation?
max _______________________________________________ web-devel mailing list web-devel@haskell.org http://www.haskell.org/mailman/listinfo/web-devel
-- Best regards, Cheshkov Anton Phone: +7 909 005 18 82 Skype: cheshkov_anton
_______________________________________________ web-devel mailing list web-devel@haskell.org http://www.haskell.org/mailman/listinfo/web-devel
I haven't put together any documentation on it yet unfortunately. The most reliable place for examples is actually the runtests.hs program in the Hamlet repo. But a very quick intro: you can use #{var} and @{url} interpolation (I think it should work anywhere). Syntax is standard CSS, with the single addition for the moment of nested blocks. That means that: foo, bar { baz, bin { color: red; } } Results in: foo baz, foo bin, bar baz, bar bin { color: red; } I'll hopefully update the docs after 0.8 goes out. Michael On Tue, Apr 19, 2011 at 6:57 PM, Max Cantor <mxcantor@gmail.com> wrote:
are there any blog posts or entries or good sample code to see the syntax for lucius? is it the same as LESS but with #{xxx} interpolation?
max _______________________________________________ web-devel mailing list web-devel@haskell.org http://www.haskell.org/mailman/listinfo/web-devel
participants (4)
-
Anton Cheshkov -
Greg Weber -
Max Cantor -
Michael Snoyman