[{"name":"Rpx","comment":" Provides easy shorthands for designing in rems in elm-css.\n\n```\nHtml.label\n    [ class \"label\"\n    , for id\n    , css   [ displayFlex\n            , boxSizing borderBox\n            , minHeight (blc 3) -- 1.5 rems, or 24px at 'normal' font size.\n            , paddingTop (rpx 1) -- 0.0625 rems, or 1px at 'normal' font size.\n            , fontSize (rpx 14) - 0.875 rems or 14px at 'normal' font size.\n            ]\n    ]\n    []\n```\n\n# Units\nAll of these produce Css.Rem values for elm-css.\n\n@docs rpx, blc\n\n","unions":[],"aliases":[],"values":[{"name":"blc","comment":" Block.\n\nA measurement that's 8rpx (0.5rem). This is a handy shorthand if you're\ndoing layout measurements in multiples of 8.\n\n- 1blc = 8px at 16px (default) browser font size.\n- 1blc = 1/2rem\n\n```\npadding (blc 2)\n```\n","type":"Basics.Float -> Css.Rem"},{"name":"rpx","comment":" Responsive Pixels.\n\nWrite measurements in pixels that output to rems.\n\nThis gives you the easy to reason about unit of a pixel, but\nallows you to publish in rems, which is a responsive\nformat that scales to user's browser font size preference.\n\n- 1rpx = 1px at 16px (default) browser font size.\n- 1rpx = 1/16rem\n\n```\nfontSize (rpx 14)\n```\n","type":"Basics.Float -> Css.Rem"}],"binops":[]}]