Px to Rem, как пользоваться?
Ну вот базовая схема.$root-font-size: 16px;

@function rem($size) {
  @return $size / $root-font-size * 1rem;
}

html {
  font-size: ($root-font-size / 16px) * 100%;
}

.some-block {
  font-size: rem(24px);
}
Функцию можно заменить на миксин, как удобнее. С миксином проще пиксельный фоллбэк сделать (актуально только IE8).
Можно миксины из vertical-rhytm заюзать,  в составе компаса.
Можно другие библиотеки посмотреть. Вариантов масса.
Ну вот базовая схема.$root-font-size: 16px;

@function rem($size) {
  @return $size / $root-font-size * 1rem;
}

html {
  font-size: ($root-font-size / 16px) * 100%;
}

.some-block {
  font-size: rem(24px);
}
Функцию можно заменить на миксин, как удобнее. С миксином проще пиксельный фоллбэк сделать (актуально только IE8).
Можно миксины из vertical-rhytm заюзать,  в составе компаса.
Можно другие библиотеки посмотреть. Вариантов масса.