/*------------------------------------*\ #PAGE \*------------------------------------*/ @use "sass:map"; @use "../settings/settings.config" as *; @use "../tools/tools.utils" as *; @use "../tools/tools.line-height" as *; /** * Apply fluid typography to the `` element. */ html { font-size: clamp(map.get($CONFIG, min-font-size), (100 * (fluidms-strip-unit(map.get($CONFIG, max-font-size)) - fluidms-strip-unit(map.get($CONFIG, min-font-size))) / (fluidms-strip-unit(map.get($CONFIG, max-viewport)) - fluidms-strip-unit(map.get($CONFIG, min-viewport))) * 1vw) + (((((fluidms-strip-unit(map.get($CONFIG, min-viewport)) * fluidms-strip-unit(map.get($CONFIG, max-font-size))) - (fluidms-strip-unit(map.get($CONFIG, max-viewport)) * fluidms-strip-unit(map.get($CONFIG, min-font-size)))) / (fluidms-strip-unit(map.get($CONFIG, min-viewport)) - fluidms-strip-unit(map.get($CONFIG, max-viewport)))) / 16) * 1rem), map.get($CONFIG, max-font-size)); } body { // Assign the global `line-height` to the `` element, as a `rem` value // will not inherit properly on the `` element. line-height: fluidms-line-height(0, map.get($CONFIG, ratio)); }