mfrost/StackLayout — comment on commit c298acf1787bb70091ca60924e0940b9bbde3825
File:  line 0
By camslice:

On 24/11/11 1:34 PM, Micah Frost wrote:
> Hey. I wasn't too sure how to make SASS play nice with the media
> queries.
>
Hmm right, well the media queries are a 'nice to have' addition to
StackLayout enabling cross device support, so not really a fundamental
part of StackLayout.

I did some brief research on targeting Opera via CSS and
> came to
> http://stackoverflow.com/questions/1120335/how-to-make-css-visible-only-for-opera
> .
>
just have to make sure it works on Opera Windows, that was the only
browser causing problems. it doesn't honor negative letter-spacing on
inline-block elements, so i have to use word-spacing. i've reported this
as a bug to Opera

> One of my goals was to keep the "stack" classes out of the code to
> try to encourage people to use mixins to create semantic classes. I
> ended up using invalid elements (stack, stackContent, wordFix,
> stackFix) as the base for these classes. I haven't done any testing
> yet. If you have a good way to test these, let me know.
>
Yep looks good, i'll have a go at it later and let you know.

I've actually been developing StackLayout version 2, which consolidates
all the IE specific CSS files into one master file and minifies it. So
it's kind of steering away from using semantic class names in favour of
a more consolidated and solid master file. I have always been fond of
the idea of using semantic class names though. So once i've tested this
SASS setup out on this verison we can have a look at how it could be
used for version 2.

One particularly good use for SASS in SLv2 would be to specify fixed
width columns in a fluid layout (a new feature). The CSS required to
make this work involves setting margins on multiple components, so
replacing this value with a variable would be perfect. See the
#section.stackFill and #aside.stack behaviour on this page:

http://www.decalcms.com/page/Philosophy

> --- Reply to this email directly or view it on GitHub:
> https://github.com/mfrost/StackLayout/commit/c298acf1787bb70091ca60924e0940b9bbde3825#commitcomment-743182