Neat을 사용하는 열 사이의 여백

Question

Neat의 기본 동작은 각 스팬 열이 인접한 스팬 열 사이에 여백 (또는 거터)을 가져야한다는 것입니다. 제가 온라인에서 찾은 모든 예는 단순히 Neat을 설치하고, 빠른 데모를하며, 결과는 인접한 요소들 사이에 거터를 가지고 있습니다. 설정이 변경되지 않았습니다.

아무에게도 왜 그런 일이 일어나지 않는지 알고 싶습니까? 나는 Bourbon과 Neat을 새로 설치했다.

그래서 내가 실제로 가지고 다음과 같이 나의 HTML은 여기

.col-3 { 
    @include outer-container; 

    .left { 
    @include span-columns(6); 
    } 

    .right { 
    @include span-columns(6); 
    } 
} 

이 렌더링 된 출력에 대한 링크입니다 ...

<footer class="col-2"> 
    <section class="left"> 
    content 
    </section> 
    <section class="right"> 
    content 
    </section> 
</footer> 

내 말대꾸 모습입니다 ... 2 개의 질문.

1. 왜 왼쪽 열을 떠 다니더라도 열이 서로 쌓인 이유는 무엇입니까?
2. 열이 각 열 사이의 간격을 무시하는 이유는 무엇입니까?

Answer 1

클래스 이름을 잘못 입력 한 것처럼 보입니다 (div는 클래스 .col-2이고 scss는 .col-3을가집니다). 클래스를 중첩 했으므로 mixin 열은 하위 div에 적용되지 않습니다.

코드는 문제가 내 정상화 스타일 시트에 관련이 여기 http://sassmeister.com/gist/0c1963fef94a14d5268f

Answer 2

일치하는 클래스 이름과 함께 작동합니다. 깔끔한 규칙을 재정의 한 몇 가지 규칙이있었습니다.