leejordan/reflex

Offset and ordering not following column naming convention

Closed this issue · 7 comments

So the column naming convention is:
.col-<breakpoint>-<n>

But the order and offset are:
.order-<n>-<breakpoint>
.offset-<n>-<breakpoint>

This creates confusion for us. We think they should be:
.order-<breakpoint>-<n>
.offset-<breakpoint>-<n>

I was just going to "fix" it in my fork, but then your nice documentation would no longer apply. What do you think about this issue? Any chance you may reconsider the naming for these?

Seems like i mixed up something with my pull request bringing in this feature. Why don't you fix the docs too and make a pull request?

I wouldn't blame you as it looks like you were following the convention for order, but it seems to make sense that there is a global common naming convention. SASS isn't really my specialty (my fork is a LESS version of it) but I will try to fix it and do a pull request when I can make some time.

@jlafitte i pushed the fix as a pull request.

I think this is a fair comment. I will look to merge marcorieser's pull request. The problem is that now I am used to using the classes in this way so although your suggested change is good for consistency it means I'll have to get used to the new syntax :)

I still plan to merge this, I just need to find some time to look at it properly.

@leejordan Did you have a chance to look at this minor change? Consistency is good.

It's merged and in the latest release 2.0.4

Thanks!