technonaturalist

image link to hive image link to ko-fi

scss

Sprat does not share my scss enthusiasm

[reformatted the code during migration to make it slightly easier to read, this was a copy/paste from some text conversation and all formatting was lost]

ryivhnn 6/04/12 10:23 PM hee hee other cool thing with sass, i do this:

@mixin inline-block {
 display: inline-block;
 margin: 0 -2px;
 vertical-align: top;
}

and then when i need things inline-blocked etc (in a few places) i do:

#container {
    .stuff-what-needs-inlining {
        @include inline-block;
    }
}

Darqx 6/04/12 10:24 PM i look at that and see what looks to be php mixed with css and want to run away screaming

css notes: fixed middle fluid outer column

Also known as: I’m a blithering idiot.

I spent way too long overthinking this problem and only finding solutions with floats (I have very specific cases where I’ll use floats for layout, also I could have missed anything that didn’t use floats for layout as I was stupidly staying up way too late when working on this). The way to do it is actually embarrassingly easy. I’ll be using it for the header and footer (after I’ve installed Sassy, prepro and phpsass.