레일에서 루비로 시작 했으므로 보석과 나침반을 설치하려고 시도한 첫 번째 작업 중 하나가 시작되었습니다. 그걸 gemfile에 포함시킬 필요가 있다고 생각한 후에 (나는 RubyMine을 사용하고 있고 그것을 위해 그것을 할 것이라고 생각했다.), susy를 가져 오기 위해 시도했을 때 여전히 "찾을 수 없음", "susy"오류가있다. 내 css.scss
방금 Susy와 함께 게임을 시작했습니다. 그리드 패딩이있는 12 열 그리드가 있습니다. 이제는 그리드 패딩을 포함하여 전체 그리드로 페이지의 헤더를 확장하고 싶습니다. 지금 당장하고있는 일은 전체 너비를 계산 한 다음 헤더에 음수 여백을 설정하는 것입니다. 저에게 해커라고 느끼는군요 ... 더 깨끗한 방법이 있습니까? $total-columns : 1
Compass/Sass 플러그인 Susy에서 _base.scss 파일의 열 수를 설정합니다. 데스크톱보기의 경우 12 개의 열이 있습니다. 그러나 이것은 모바일보기에 너무 많은 열입니다. 모바일 디스플레이의 열 수를 변경하는 방법이 있습니까? (저는 반응이 빠른 웹 디자인을 사용하므로 사이트의 데스크톱 버전과 모바일 버전 모두 동일한 _base 파일을 공유
중단 점을 기준으로 다른 격자 설정을 사용하는 방법을 알아 내려했지만 작동하지 못하게하려고합니다. 여기 내 코드가있다. 나는 media-query에 mix-in을 사용하고있다. $breakpoints: 'screenSmall' 480px 768px,
'screenMedium' 768px 1279px,
'screenXlarge'
6 개의 고정 너비 격자가 있습니다. 그러나 하나의 특정 "행"에 5 개의 열을 대신 넣으시겠습니까? 가능합니까? @import "susy";
@include border-box-sizing;
// The 1000px grid
$total-columns: 6;
$column-width: 150px;
$gutter-width: 20px;
$gri