singularity gs는 왼쪽/오른쪽 여백을 제거합니다.

Question

처음으로 singularitygs를 사용하고 있습니다. 왼쪽/오른쪽 여백 (거터)을 제거하는 방법이 궁금합니다. 960g의 알파/오메가 옵션과 같습니다. 그런 것이 있습니까?

감사합니다. 나는 $ 위치를 알고있다. 나는 내 문제를 제대로

그래서 다음과 같은 시나리오를 설명하지 않았다

<article> 
    <div class="teaser"></div> 
    <div class="teaser"></div> 
    <div class="teaser"></div> 
    <div class="teaser"></div> 
</article> 
<sidebar></sidebar> 

$grids: 12; 
$gutters: .2; 

article { 
    @include grid-span(8); 
} 
sidebar { 
    @include grid-span(4, 9); 
} 
.teaser { 
    @include float-span(4, 1, 8); 
    &:nth-child(odd) { 
     // here i want to remove the right-margin - because otherwise the containers are not floating. dirty way would be: margin-right: 0 !important; 
    } 
} 

Answer 1

특이점은 두 번째 인수로 위치 변수를 가지고있다. @include grid-span($width, $location); $ 위치가 그리드의 첫 번째 열인 경우 1로, 12 열 그리드의 마지막 열인 경우 12로 변경할 수 있습니다.

기본적으로 Singularity는 그리드 쓰기의 isolation method을 사용하므로이 위치 값은 그리드에서 물건을 이동하는 데 중요합니다. 글자를 쓰면 더 많은 전통 수레로 바꿀 수 있습니다 $output: float;

Answer 2

사실 거터를 설정하는 옵션은 add-gutter(x);입니다. 예를 들어

:

.sidebar { 
    @include add-gutter(0); 
    @include grid-span(2, 1); 
} 

.main { 
    @include add-gutter(0); 
    @include grid-span(10, 3); 
} 

워드 프로세서 : https://github.com/at-import/Singularity/wiki/Creating-Grids#gutter-styles.