내가 노력하고 함께 Susy 프레임 워크를 사용하여 삭제하고 청산 문제가 있지 않는 DIV : <div class="div-1">
<h2>DIV 1</h2>
</div><!--end div-1-->
<div class="div-2">
<h2>DIV2</h2>
</div><!--end div-2-->
<div class="div-
누구나 중단 점 mixin에서 'font-size'매개 변수를 사용한 경험이 있습니까? 문서에서 은 내가 모바일 첫 번째 방법 때문에 $ 기본 폰트 크기 = 12 픽셀을 복용하고 함께 일하고 디자인에서 다음 ... <$font-size>: When using EMs for your grid, the font size is important. Default:
나는 Susy와 조롱 한 사이트를 필사적으로 얻으려고하고있다. 나는 명백한 무엇인가를 놓치고 있을지도 모른다라고 두려워한다. 그러나 나의 Susy 격자에서 항목을 겹쳐 쌓을 때 각 열의 퍼센트 폭과 마진이 100 %를 넘어서서 다음 줄로 감싸는 것처럼 약간 오버 슛하는 것처럼 보인다. 다음 예제에서 #main_headernav는 12 개의 열 중 8 개의
안녕하세요! 이것은 SASS/Compass에 대한 이해가 부족하기 때문에 발생할 수 있습니다. 나는 다음과 같은 SASS 코드로 출력 그리드 폭에 노력하고있어 : $total-columns : 4
$column-width : 4em // each column is 4em wide
$gutter-width : $column-width/2
Susy의 시작 문제 대부분을 해결할 수있었습니다. 내가 알아낼 수없는 유일한 이상한 일은 이미지 행렬을 만들 때와 같은 방식으로 동작하는 이유입니다. 여기 $total-columns: 24;
$column-width: 6%;
$gutter-width: 1%;
$grid-padding: 0;
$container-style: magic;
는 HT
gem을 사용하여 susy을 설치해야합니다. 내가 GitHub의에서 소스를 확인하고 0.9 태그가 존재하지만 ERROR: Could not find a valid gem 'susy' (= 0.9) in any repository
: 나는 sudo gem install susy --version 0.9
를 입력 할 때이 오류 메시지가 될 것입니다. 어
나는 Compass와 Susy를 시작하려고합니다. 내 목표는 내 레이아웃을 전화, 태블릿 및 데스크톱 화면 크기에 맞게 조정하는 것입니다. Susy 예 (susy.oddbird.net 또는 SO question)에는 화면 크기에 적합한 열 수를 갖는 패턴이 있습니다. .container {
@include container;
@inclu
나는 완벽하게 작동하는 그리드를 가지고 있는데, nav의 컬럼을 서로 대치시키고 싶다는 것만 제외하면. 이것은 바탕 화면에 24 칼럼의 마술 그리드이며, 각각의 네비게이션 아이템은 4/24입니다. 음수 여백을 사용하면 더 이상 탐색 막대의 전체 너비에 걸쳐 있지 않으며, 왼쪽으로 슬라이드하여 구멍을 남깁니다 (마지막 항목은 오메가입니다). 이 작업은 열을
기본 값을 사용하여 컨테이너의 기본 도랑 값을 재정의 할 수 있습니까? 이렇게 : $total-columns: 12;
$column-width: 60px;
$gutter-width: 20px;
$grid-padding: 10px;
예를 들어 20px에서 20ft로 걸터침을 최소화 할 수 있습니다. 필요에 따라 5px 또는 기타 원하는 값으로 설정할
큰 너비에서 모바일까지 Compass Susy를 작동시키는 방법이 있습니까? 파일 크기를 작게 유지하면서 레이아웃의 관점에서 모바일을 가장 먼저 이해하고 전체 데스크톱 버전을 만들고 브레이크 포인트를 사용하면 폭이 좁은 항목을 제거하는 것이 가장 좋을까요? 의견이 있으십니까?