mixing float-span() and grid-span() in same context?

Question

ahoy all,

i have a simple example that mixes float-span and grid-span mixins within the same grid context (i.e. the same number of columns in the same row)

http://sassbin.com/gist/7812502/

as you can see, i have 3 items that i want to space out evenly in a row. i use float-span with first and last options on items 1 and 3 to make them sit at the beginning and end of the row respectively, and this works as expected. for the middle item, which i want centered, i assumed i could use grid-span with the correct location to have the 2nd item in the middle. however, what is happening is that the counting of location for grid-span is started after the column taken up by the first floated item. is this expected behavior? in other words, is it allowable to mix float-span and grid-span in the same grid context/row? and if not, what is the preferred way in Singularity for accomplishing the same thing?

i have been searching the documentation wiki, in particular the section on spanning the grid, but have found no statements either way. and the demos do not seem to be using float-span and grid-span together.

thanks as usual for Singularity and for any help.

peace

PS. i have already tried using the isolation-span mixin in place of grid-span with the same results.

Answer 1

It is not advisable to mix output styles like float and isolation in the same grid. You should pick either isolation or floats and stick with it.

Here is your sassbin tweaked a bit: http://sassbin.com/gist/7815953/