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
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
What is the lucius ?
2011/4/19 Max Cantor
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
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