Skip to content

Instantly share code, notes, and snippets.

View rxtsel's full-sized avatar
👾
127.0.0.1

Cristhian Melo rxtsel

👾
127.0.0.1
View GitHub Profile
@jh3y
jh3y / fluid-type.css
Created May 14, 2026 22:16
fluid typography scales with css pow()
/*
* Fluid Modular Type Scale
*
* A pure-CSS fluid typography system that smoothly scales font sizes
* between a minimum and maximum viewport width using a modular scale.
*
* Based on the great work of those at Clearleft, modified for modern css (pow())
* (https://utopia.fyi/blog/css-modular-scales/)
*
* Required custom properties (set on a parent or :root):
@mrwweb
mrwweb / reset-rems
Created May 22, 2013 13:22
"Sanity-ize" REMs by setting them to 10px-baseline aka "Tiny Happy Pixels Dancing."
/* this is the "root" in "root em." */
html {
font-size: 62.5%; /* Now 10px = 1rem! */
}
body {
font-size: 16px; /* px fallback */
font-size: 1.6rem; /* default font-size for document */
line-height: 1.5; /* a nice line-height */
}