컴퍼스 수직 리듬 출력 만드는 방법 px 폴백을 사용하는 Ems 대신 Rems?

Question

이 작업을 수행하고 싶습니다. http://www.youtube.com/watch?v=ls3Clk-kz3s이지만 출력은 ems가 아닌 폴백 (fallback)입니다.

명백히이 https://github.com/chriseppstein/compass/pull/896은 나침반에 추가되었으므로 어떻게 든 작동해야하지만, 실제로 만들 수있는 부분은 http://compass-style.org/reference/compass/typography/vertical_rhythm/에서 필요한 부분을 얻지 못합니다.

난 그냥 (전혀 심지어 나침반없이) 믹스 인 사용으로 https://gist.github.com/ry5n/2026666의 코드를 취할 것 인 경우 :

@include set-font-size() 

대신 :

@include adjust-font-size-to() 

그것은 렘 값으로 아름답게 작동 및 px 폴백.

하지만 난 그냥 나침반을 사용하고

$font-unit: 1rem; 
$relative-font-sizing: false; 

그것은 픽셀 대체하지 않고 있지만 작동으로 이동하려고합니다.

누군가가 Vertical Rhythm이 Rem와 함께 작동하는 데 필요한 전체 .scss 코드를 넣을 수 있다면 정말 고맙겠습니다.

그리고 왜 내가 상대적인 글꼴 크기가 필요한가요? 내가 렘을 사용한다면? 또한 텍스트를 격자 모양으로 만드는 것 이외에도 수직 리듬에 대한 경쟁 철학이 있습니까? 어느 것을 선호합니까? 그리고 귀하의 워크 플로우는 무엇입니까?

대단히 감사합니다.

Answer 1

잠시 동안 Compass에 대한 이러한 업데이트는 시험판에 그대로 남아 있으며 compass-style.org (beta.compass-style.org 제외)에서는 해당 설명서가 아직 제공되지 않습니다. 새로운 기능을 사용하려면 최신 보석 (0.13.alpha.4) 설치 : 새로운 보석으로

gem install compass --pre 

을, 수직 리듬 API는 https://github.com/chriseppstein/compass/pull/896에 따라, 대부분의 구성 변수, 약간 다릅니다. 즉, 사용자의 기본 글꼴 크기 및 라인 높이를 설정하고 rem 새 $ 리듬 단위 변수를 설정 :

$base-font-size: 16px; 
$base-line-height: 24px; 
$rhythm-unit: 'rem'; 

$ 리듬 단위 변수가 $ 글꼴 단위, 및 $ 상대 글꼴 크기를 대체 이제는 걱정할 필요가없는 사적이고 내적인 일이되었습니다.

이렇게하면 일반 수직 형 리듬 믹스는 모두 $ rem-with-px-fallback을 명시 적으로 false으로 설정하지 않는 한 폴백으로 rem을 출력합니다. API의 나머지 부분은 rhythm mixin을 제외하고 거의 동일하게 유지됩니다. 이제 더 합리적인 기본 인수가 있습니다. original pull request에 자세히 설명 된 몇 가지 추가 사항이 있습니다.

리듬 함수는 단순히 값을 반환하기 때문에 픽셀 폴백을 제공 할 수 없다는 점을 명심해야합니다.