Closed bserem closed 7 years ago
This is (mostly) the documented behavior (see the last paragraph of the shorthand section). Susy can slice a symmetrical grid (all columns are the same size) without knowing what part of the grid you need. For asymmetrical grids, you have to do the slicing explicitly with the susy-slice
function.
You report a successful attempt with an asymmetrical grid (your first example). That would not be proper behaviour, but I can't reproduce your results. I get the same error on the first example that I do on the last ones.
I will need to dive into documentation further then.
What is strange is that this works:
columns: 10px susy-repeat(3, 10px) 10px,
but those don't:
columns: 20px susy-repeat(3, 10px) 20px,
columns: 10px susy-repeat(3, 100px) 10px,
That's not so strange.
10px susy-repeat(3, 10px) 10px
generates 5 equal-width (10px
) columns.20px susy-repeat(3, 10px) 20px
generates unequal (20px
and 10px
) columns.10px susy-repeat(3, 100px) 10px
generates unequal (10px
and 100px
) columns.It doesn't matter if you use susy-repeat
, what matters is the end result. If the columns are all the same size, Susy can slice it without worrying about which slice. If the columns are different sizes, Susy needs to know which columns specifically you want to use.
Got it, shall we close the issue?
I took some time to check Susy3 today. On a debian system with Sassc, Susy3.0.1 from npm I am getting some unexpected behavior.
While this works:
As does this:
None of these work:
columns: 20px susy-repeat(3, 100px) 20px,
(example from: http://oddbird.net/susy/docs/a-config.html)Error:
columns: 10px susy-repeat(3) 10px,
Error:
Environment details: