4 (모바일), 8 (태블릿) 및 12 (데스크톱) 열을 처리하는 Susy 기반 반응 형 그리드 시스템을 정의했습니다. 내 레이아웃에는 두 개의 섹션 "로고"와 "도구 모음"으로 나뉜 고정 된 헤더 막대가 있습니다. 은 "로고"DIV는 Susy의 그리드 컨테이너 내에 중첩되지 않고 항상 매우 왼쪽으로 절대 위치한다. 은 "도구 모음"사업부는 Susy 그리드
나는 사지 그리드 1.0.9를 사용하고 혼란스러워하는 것을 발견했다. ".page_1"과 ".page_2"의 두 요소가 있습니다. 설정은 동일하지만 양쪽에 패딩 된 10 개의 열이 있습니다. 예기치 않은 동작을 발견했습니다. $container-style: static을 사용하면 해당 컨테이너에 적용된 글꼴 크기에 따라 컨테이너 크기가 변경되기 시작합니다.
Susy 2의 베타 2에서는 주 그리드 설정에서 제본 용 여백을 다음과 같이 설정할 수 있습니까? $susy: (
flow: ltr,
math: static,
output: float,
gutter-position: after,
container: auto,
container-position: center
내 그리드 등을 정의 +use-grid($twelve-grid)
.fact-circle-container
+clearfix
+background-grid
li
+span(2)
+nth-omega(4)
그러나 결과는 다음과 같이이다 : 의견이 있으십니까? 정말 혼란 스럽네요
susy 격자가 내부 너비에 고정 너비를 적용하지 않는 것 같습니다. 여기 내 문제입니다 http://sassmeister.com/gist/7633527 내가 알고있는 것은 $container-style: static이면 내부 열 너비가 픽셀 너비를 갖지만 그렇지 않다는 것입니다. $container-style: fluid이 설정되면 백분율 너비가 적용됩니
에서 나는 다음과 같은 그리드 정의 : $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에 설
아무도 Susy - 다음 (2.0 베타)를 사용하여 작업 예제가 있습니까? 나는 위의 예제에서 몇 가지 빠진 믹스 인을 대체하기 위해 간단하게 시도했지만 정확한 아날로그는 찾을 수 없다고 생각합니다. 예. 나는에-중단 열 중단 점, 스팬 열 교체 (같은 인수 왼쪽) 을하지만, 난 그냥 (심지어 디버그 표 배경) 스타일이 적용되지 않은 텍스트를 얻고 난 브레