은 Susy 2 그리드는 그리드

Question

에서 나는 다음과 같은 그리드 정의 :

$main-grid: 12 (remCalc(62.4166667px) remCalc(20px)) after static float 
$twelve-fluid: 12 remCalc(15px) after fluid float 

+set-grid($main-grid) 

은 $main-grid는 내 .container에 설정되고있다. 그래서 나는 다음과 같은 한 .container__main라고 .container의 자식에 설정 될 $twelve-grid 바랍니다 : 잘못

+use-grid($twelve-fluid) 
    .container__main 
    +rem(padding, 20px) 
    background-color: #ffffff 
    +background-image(linear-gradient(top, #c4c3b1, #ffffff remCalc(30px))) 
    +background-image(linear-gradient(top, #c4c3b1, #ffffff 30px)) 
    +background-grid 

일들 그리드가 20 픽셀 (또는 REM 수면에 해당) 패딩 안쪽에 맞지 않는다는 것입니다 그 .container__main을 있다. 12 개의 유체 칼럼으로 이루어진 그리드가 내부에 들어 맞도록 어떻게 적응시킬 수 있습니까?

또한 +background-grid을 +overlay-grid으로 바꾸려고했지만 출력이 전혀없는 것 같습니다.

레임 픽셀 폭 폴백은 여전히 ​​나타나지 않습니다. 이게 파이프 라인에 있니? (서두르지 말고 그냥 알아.)

아이디어가 있으십니까?

Answer 1

배경 출처와 -clip을 추가하십시오. 그 다음 시험판에 자동으로 추가됩니다,하지만 지금 당신은 수동으로 추가해야합니다 : 당신이 믹스 인에 포장 할 수 있도록뿐만 아니라 다른 배경을 클립합니다

.container__main 
    +background-origin(content-box) 
    +background-clip(content-box) 

. 다음과 같은 것 :

@mixin show-grid($show: $show-grids) 
    @if $show and $show != hide 
    +background-grid 
    +background-origin(content-box) 
    +background-clip(content-box) 

.container__main 
    +show-grid 

이것은 일시적인 임시 해결 방법입니다 - 알파를 사용하는 일부입니다. 우리는 이미 그것을 susy-next 지점에 고정시키고, 우리는 곧 새로운 보석에서 그것을 가질 것입니다.