Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Адаптивный размер шрифта.
/// Адаптивный размер шрифта.
/// В параметрах миксина указывается минимальный и максимальный размеры шрифта.
@function vw($pixel, $defaultWidth: 1920px) {
@return $pixel * (100 / $defaultWidth) * 1vw;
}
@function calcVw($minPixel, $pixel) {
$addPixel: vw($pixel - $minPixel);
@return #{"calc(#{$minPixel} + #{$addPixel})"};
}
@mixin fontSizeAdaptive($minPixel, $pixel) {
font-size: $minPixel;
font-size: calcVw($minPixel, $pixel);
}
// example usage
//
// .selector {
// @include fontSizeAdaptive(12px, 20px);
// }
//
// compiled to
//
// .selector {
// font-size: 12px;
// font-size: calc(12px + 0.42vw);
// }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment