1043326 - treeherder-ui: Automatic build system / livereload / sass

Status: RESOLVED INCOMPLETE

(Tree Management :: Treeherder, defect, P5)

Description

[Ed Morley [:emorley]]

Migrated from:
https://github.com/mozilla/treeherder-ui/issues/86

Original summary:
automatic build system / livereload / sass

pnispel commented 24 days ago:

{
It would be nice to be able to use sass for development as well as having live-reload functionality. Not sure if this is something you guys are interested in?

The downside would be that you would have to start a grunt watch server when doing development.
}


camd commented 24 days ago:

{
I'm up for moving to SASS. I use Compass with sass on MozTrap, and it's fine. I don't know that I really prefer it to CSS, to be honest. But the system I use on MozTrap was setup by someone else who was REALLY into that, plus some other extensions that make it end up being a bit confusing to work with. Or maybe I'm just used to CSS and need to update my ways...

It's not that hard to start the watch process, so that's no big deal. I'd be curious if anybody else has an opinion on this. Sorry for the tepid response. :)
}


pnispel commented 24 days ago:

{
less may be a better option. The most interesting thing to me about the two css pre-processors is the ability to nest attributes. So instead of:

.result-set .job-list-pad-left {
    padding-left: 8;
    padding-right: 0;
}

.result-set .job-list-nopad {
    padding-left: 0;
    padding-right: 0;
    display: block;
}

You could do

.result-set {
    .job-list-pad-left {
        padding-left: 8;
        padding-right: 0;
    }

    .job-list-nopad {
        padding-left: 0;
        padding-right: 0;
        display: block;
    }
}

Theres a ton of other things that less can do, but I find mimicking the dom structure in css to be really nice :)
}

Comment 1

[Ed Morley [:emorley]]

This bug is a mixture of a few things (which are probably best as separate bugs, if we still wanted them), plus also hasn't been touched in a year - so let's close it out until we see a definite need (and proposed solution) for the problems being solved here.