Как иметь динамический левый край с Сьюзи?

Question

Я играю с позиционированию .logo в этом HTML:

<div class="mod-header"> 
    <a class="logo" href="#"></a> 
</div> 

Ширина логотипа фиксируется, однако мне интересно, если я должен сделать запас левой подстраиваться под размер экрана.

Я попытался это с Сюзи, и это делает .logo фиксированной ширины:

.logo 
    text-indent: -9999px 
    float: left 
    +rem('width', 120px) 
    +rem('margin', 20px 0) 
    // margin-left: $column-width 

Однако это не регулирует левый край. Когда я пытаюсь:

.logo 
    @include span-columns(3,12) 

Существует некоторая корректировка происходит, но речь идет о ширине, а не окраина левого.

Как я могу подойти к этой фиксированной ширине, регулировке левого края?

Answer 1

Это похоже на работу:

.logo 
    width: 120px 
    margin-left: gutter(12) + columns(2,12)