0
Singularity로 격자를 중첩 할 수 있습니까?특이점 격자를 다른 내부에 중첩시킬 수있는 방법
이$break: 500px;
$break1: 700px;
$break2: 900px;
$break3: 1200px;
$grids: 3;
$grids: add-grid(6 at $break);
$grids: add-grid(12 at $break1);
$grids: add-grid(2 8 2 at $break2);
$grids: add-grid(3 6 1 1 1 at $break3);
$gutters: 1/3;
$gutters: add-gutter(.25 at 900px);
$output: 'isolation';
내가 대해 부탁 해요 현재 상황은 내부 $break3
입니다 :
여기 내 설정입니다.
다음 그리드 구조를 갖고 싶습니다.
내가 알고 싶은 것은 그리드 구조에 대한 데모로서 바로 거기에 없다는 것을 알고 있습니다. 나는 올바른 폭을 출력하는 함수를 사용하려고 시도했지만 행운이 없었지만, 그 이유는 아마도 모든 잘못을했기 때문일 것입니다.
HTML 구조 :
<div class="container">
<div class="1">
<div class="1-a"></div>
<div class="1-b"></div>
<div class="1-c"></div>
<div class="1-d"></div>
</div>
<div class="2"></div>
</div>
SCSS
- div.1 :
@include grid-span(4, 2);
- div.1-A div1 중첩 4
- DIV의 첫 번째 열에 걸쳐. 1-b는 div1에 중첩되고 4의 마지막 3 열을 스팬합니다.
- div.1-c는 di에 중첩됩니다. V1 및 1-B에 걸쳐 누적 이하 (4)의 마지막 3 열
- div.1 차원 div1의 중첩과 1-C
- div.2 이하 적층 4의 마지막 3 열에 걸쳐 :
@include grid-span(1, 1);