나는 Susy 주위에 머리를 감싸려고 노력하고있다. 나는 그것을 좋아할 것이라고 생각한다. 더 많이 작업해야합니다. 기본적으로 사이트 전체에서 사용할 수있는 재사용 가능한 열을 만들려고합니다. 나는 Foundation 그리드를 사용하지 않을 것이므로 아마도이 권리에 대해 생각하지 않을 것입니다. 해당 열을 타겟팅 할 수 있어야합니다. 칼럼 2 또는 6과 같
나는 달성하고 싶은 레이아웃을 가지고 있습니다. 시각적 인 '오버행'(아래 이미지의 빨간색 블록)을 달성하기 위해 '넓은'스프레드를 사용하고 싶습니다. 이 작업을하려면 두 개의 열 (아래 그림에서 회색)이 서로 마주 보는 거터 (아래 이미지에 밝은 회색)가 있어야합니다. Cant는 이것을 어떻게하는지 알아 낸다! https://imgur.com/XLNbnU
margin-left: 0; margin-right: 0;으로 거터를 자주 거절해야한다는 것을 알고 있습니다. 내가 0 $my_layout: (gutters: 0);
.my_class {
@include with-layout($my_layout) {
...
}
}
에 사용자 정의 레이아웃에 배수구를 설정하는 시도하지만 0으
에 처분 내가 좋아하는 Susy 2 간단한 3 열/3 열 격자를 만들고 싶어 : 1 2 3
4 5 6
7 8 9
하지만 블록은 버그와 이단 순서에 떠있다. 여기 http://img.spheerys.fr/images/2015/01/05/bug-susy.jpg 내 HTML 마크 업 : 당신은 모양을 가질 수 다음 <article class="block"
나는이 스타일이 있습니다 : +with-layout(8 1/4)
.fact-circle-container
+container(show)
+clearfix
font-size: 4px
padding: 0 30px
li
+gallery(2)
내 그리드 항목이 제대로 정렬. 어떤 생각이 왜이 일
나는 사기 멍청이야. 그래서 사기스러운 질문이라면 ... 사과. 나는 서리 격자 내에서 반응성 패딩을 계산 중이다. 평소 계산은 물론 : (target/context) x 100입니다. 'context' 예를 들어 "span(2)"을 픽셀 단위로 반환 할 수 있으므로 계산을 SASS 파일에 추가 할 수 있습니까? 아니면 완전히 빠졌습니까?
grunt를 실행하면 계속해서 다음 오류가 발생합니다. 동일한 문제로 여러 번 다시 설치, 제거, 재설치했습니다. 동일한 설치 파일을 사용하는 이전 PC에서는 정상적으로 작동하므로 문제의 원인을 혼동합니다. 난 다음 설치되어 있습니다 : 루비 2.1.5 Node.js를 0.10.26 나침반 0.12.2 susy 1.0.9 을 오류 : C:\Users\jno
나는 Susy가 다운 된 줄 알았지 만 지금은 두 시간 동안 고생하고 있습니다. 전에도 이런 문제가 없었기 때문에 나는 어리 석음을 느낀다. 그래서 나는 그것을 끝까지 알고있다. 상자 모델에 대한 오해 일지 모르지만 여기에 문제가 있습니다. 내 컨테이너 div를 설정하고 내용에 9 개의 열이있는 #main div와 3 개의 열 사이드 바가 있습니다. #ma
SUSY 용 갤러리 믹스 인을 사용하여 반응 형 그리드에서 동일한 높이의 열을 얻으려고합니다. 이를 위해 컨테이너 "display : table"과 "display : table-cell"을 설정했습니다. 믹스 인을 사용하지 않으면이 기능이 작동하지만 믹스 기능을 켜 자마자 실패합니다. 믹스 인은 높이를 픽셀로 설정했지만 높이를 100 %로 설정하면 작동하