Push and Pull with SASS/Susy

У меня есть расположение трех divs и вы хотите разместить их в одной строке:Push and Pull with SASS/Susy

Главная | Вперед | Box

main {@include span (8 of 17); 
aside {@include span (4 at 9 of 17); 
.box {@include span (2 at 13 of 17) @include pull(2);

Я не получаю .box, чтобы оставить пространство между собой и в стороне. С кодом выше .box будет помещен поверх основного. Без

@include pull(2)

он будет размещен прямо справа. Какие-либо предложения?

источник

2015-09-10 seb4222

Я проверил также различное флоат-право на .box- дела. Также нажмите (2). – seb4222

Либо я не понимаю проблему, либо не могу ее воспроизвести. Вот работа [demo on SassMeister] (http://sassmeister.com/gist/c7c14a3ae4ef22d892a6). Я не уверен, почему вам нужно нажать или вытащить последний. Обратите внимание также, что синтаксис 'at x' работает только для вывода' isol', который вытягивает элементы из потока и помещает их в левый край. Я не рекомендую его, за исключением особых случаев. В вашем случае этот бит ничего не делает. –

@EricMSuzanne благодарит за ваше время. Ваша демонстрация неплоха. Но не то, что я хочу. Я хочу, чтобы ящик Box находился в позиции 15,16,17 и 2 «пустых» колос между коробкой и в сторону. – seb4222

Смеситель pull добавляет отрицательные левые поля к элементу, потянув его влево. Смеситель push добавляет положительные левые поля, толкает его вправо. Но в этом случае вы можете просто поместить элемент вправо, что и происходит, когда вы добавляете ключевое слово last. То, что вы хотите сделать, это охватывает последние 3 колонны из 17, так что в этом случае, вы можете просто написать, что:

.box { @include span(last 3 of 17); }

см http://sassmeister.com/gist/c7c14a3ae4ef22d892a6

источник

2015-09-23 07:48:21

Большая помощь. Спасибо Эрик. – seb4222

Push and Pull with SASS/Susy

ответ

Смежные вопросы