Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lowmess/tachyons-custom-print.
tachyons tachyons-css tachyons-custom
Something went wrong. Try again.
1.2 kB · 50 lines
CSS
at master
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051/*
HEIGHTS Docs: http://tachyons.io/docs/layout/heights/
Base: h = height min-h = min-height min-vh = min-height vertical screen height vh = vertical screen height
Modifiers 1 = 1st step in height scale 2 = 2nd step in height scale 3 = 3rd step in height scale 4 = 4th step in height scale 5 = 5th step in height scale
-25 = literal value 25% -50 = literal value 50% -75 = literal value 75% -100 = literal value 100%
-auto = string value of auto -inherit = string value of inherit
Media Query Extensions: -p = print
*/
@media print { .h1-p { height: var(--height-1); } .h2-p { height: var(--height-2); } .h3-p { height: var(--height-3); } .h4-p { height: var(--height-4); } .h5-p { height: var(--height-5); } .h-25-p { height: 25%; } .h-50-p { height: 50%; } .h-75-p { height: 75%; } .h-100-p { height: 100%; } .min-h-100-p { min-height: 100%; } .vh-25-p { height: 25vh; } .vh-50-p { height: 50vh; } .vh-75-p { height: 75vh; } .vh-100-p { height: 100vh; } .min-vh-100-p { min-height: 100vh; } .h-auto-p { height: auto; } .h-inherit-p { height: inherit; }}