Why bother with a CSS build process?

Post by camus » Tue, Feb 05, 2013, 5:35 PM UTC

moron4hire wrote: post #29

sophacles wrote: post #23

Earlier quoted context omitted.

I think this ignores the other benefits of things like LESS, SASS, etc. For instance, the variable notion for css. Now a change to a named color requires a single place of change - the definition of that color, not each and every place it is used. Similarly, any place you have to have a half a dozen -browser-specific-properties can be replaced with a single "function". These are nice features.

CSS has a mechanism for defining rules in such a way to abrogate the need for variables. I see far too many people using CSS classes to refer to one or only a handful of things, by a strict hierarchy of the layout of their page. In that case, you're almost always going to run into problems with extremely verbose CSS that repeats itself. But it's completely wrong, it's not how CSS is supposed to be done. If you need a…

Post by cnp » Tue, Feb 05, 2013, 5:45 PM UTC

   display: none;

    @debug "$boolean is #{$boolean}"

    display: block

  @else

    @debug "$boolean is #{$boolean}"

    display: none

Post by pc86 » Tue, Feb 05, 2013, 6:33 PM UTC

acabal wrote: post #13

I disagree with the first point, the spirit of the web is to be open. The other points do make sense though. On a side note, I'd really like to use LESS or an equivalent, but the way I design/develop (and I'm an admittedly bad designer) is to tweak things in CSS, alt-tab, refresh the browser, and see the changes instantly. Likewise I can open up Firebug and tweak some style to see how it would look, then apply that c…

Post by cnp » Wed, Feb 06, 2013, 8:35 PM UTC

a_m0d wrote: post #35

cnp wrote: post #34

SASS, imo, is a much more mature and interoperable language. Compare .mixin (@a) when (lightness(@a) >= 50%) { display: none; } to @if $boolean @debug "$boolean is #{$boolean}" display: block @else @debug "$boolean is #{$boolean}" display: none Note, also, that there's a logger.

How are these two code samples related to each other? They appear to be for completely different use cases, and therefore I'm not sure that they actually demonstrate anything useful.