Макет панели администратора с Bourbon Neat

Question

Есть ли способ сделать боковую панель с фиксированной позицией и выровнять контент по сетке, как Bourbon Neat?

Хороший пример того, что я пытаюсь сделать, похож на бурбонскую аккуратную страницу документа: http://thoughtbot.github.io/neat-docs/latest/

Я не хочу, чтобы размер боковой панели менялся, я хочу, чтобы она была исправлена, я хочу, чтобы первые столбцы сетки начинались сразу после боковой панели. Может быть, есть более простые решения, но это единственное, что приходит мне в голову.

Я знаю, что без сетки я могу создать div для переноса содержимого с левым полем, которое охватывает размер моей боковой панели. Но я хочу работать с сеткой, чтобы выровнять свой виджет, который я создам в области содержимого.

Answer 1

Я нашел способ сделать это, если кто-то захочет узнать, что я использую Calc Mixins из Бурбона на div с оберткой контента, вот так:

.page-wrap{
  @include calc(width, '100% - $sidebar-width');
  margin-left: $sidebar-width;
};

Я сделал еще один div внутри этого и дал ему mixins для внешнего контейнера. Теперь я могу выровнять другие div внутри него, используя на них миксины span-columns.