Làm thế nào để làm cho đầu ra nhịp điệu theo chiều dọc Rems thay vì Ems với dự phòng px?

Question

Tôi muốn làm điều này: http://www.youtube.com/watch?v=ls3Clk-kz3s nhưng kết quả đầu ra (với dự phòng px) thay vì ems.

Rõ ràng điều này https://github.com/chriseppstein/compass/pull/896 được thêm vào la bàn và bằng cách nào đó sẽ hoạt động, nhưng tôi không hoàn toàn nhận được những gì tôi cần từ http://compass-style.org/reference/compass/typography/vertical_rhythm/ tới tệp .scss -file của mình để thực hiện.

Nếu tôi được chỉ lấy mã từ https://gist.github.com/ry5n/2026666 như một mixin (ngay cả khi không Compass tại tất cả) và sử dụng:

@include set-font-size() 

thay vì:

@include adjust-font-size-to() 

Nó hoạt động đẹp mắt với giá trị rem và dự phòng px.

Nhưng nếu tôi chỉ cố gắng sử dụng Compass và đi với

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

Nó hoạt động nhưng không có px dự phòng.

Nếu ai đó có thể đặt mã .scss đầy đủ cần thiết cho Nhịp điệu theo chiều dọc để làm việc với Rems, tôi đánh giá cao nó rất nhiều.

Và tại sao tôi cần $ relative-font-sizing: false nếu tôi đang sử dụng Rems? Ngoài ra, có một số triết lý cạnh tranh về nhịp điệu theo chiều dọc khác ngoài việc đưa văn bản vào lưới như thế này không? Bạn thích cái nào và luồng công việc của bạn là gì?

Cảm ơn bạn rất nhiều trước.

Answer 1

Hiện tại, các cập nhật này đối với La bàn vẫn còn trong đá quý tiền phát hành và tài liệu phù hợp chưa có sẵn trên compass-style.org (thậm chí không phải beta.compass-style.org). Để sử dụng tính năng mới, cài đặt các viên ngọc mới nhất (0.13.alpha.4):

gem install compass --pre 

Với viên ngọc mới, nhịp điệu API dọc là hơi khác nhau, chủ yếu là trong các biến thể cấu hình của nó, theo https://github.com/chriseppstein/compass/pull/896. Nói tóm lại, thiết lập font chữ cơ sở của bạn kích thước và đường cao, và thiết lập $ nhịp điệu đơn vị biến mới để rem:

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

Các $ nhịp điệu đơn vị biến thay thế $ font-đơn vị, và $ tương-font-sizing giờ đây là nội dung riêng tư, nội bộ bạn không cần phải lo lắng.

Sau đó, tất cả các hỗn hợp nhịp điệu theo chiều dọc bình thường sẽ xuất ra các bản sao lưu với dự phòng (trừ khi bạn đặt rõ ràng $ rem-with-px-fallback thành false). Lưu ý rằng phần còn lại của API vẫn gần như giống hệt nhau, ngoại trừ hỗn hợp rhythm, hiện có các đối số mặc định hợp lý hơn. Có một vài bổ sung được nêu chi tiết trong original pull request.

Một điều cần lưu ý là các chức năng nhịp điệu không thể cung cấp dự phòng pixel, vì chúng chỉ trả lại giá trị.