S
S
sinneren2016-07-13 16:07:02
css
sinneren, 2016-07-13 16:07:02

How to set such a grid in SUSY?

The problem is this: there is a layout and a fairly standard grid. Decided to start using susy. Prior to that, only played by him, without real projects. 12 columns, 1200 artboard width, 80px column, 20px padding.
So, I tried everything, it would seem, options. I settled on the most suitable, but also not the right one. In this case, indents along the edges and with an offset. The other options are not correct at all.

columns: 12,
  column-width: 80px,
  container: 1200px,
  container-position: center,
  gutters: 1/4,
  gutter-position: split,
  global-box-sizing: border-box,
  math: fluid,
  output: float

1fd500234f7f4d2cb13bf6bda503fc6f.png

Answer the question

In order to leave comments, you need to log in

1 answer(s)
M
metaf, 2016-07-13
@sinneren

gutter-position: split is the same as the bootstrap grid. You need to add another wrapper like ".row" and set a negative margin around the edges. www.sassmeister.com/gist/0ec0cb3e82eb21baa15fc250d...
And another question, reading your comments, in what context are you using span(5 at 2)?

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question