{"route":"/en-US-v0.14.1/reference/layout/fraction/","title":"Fraction","description":"Documentation for the Fraction type.","part":null,"outline":[{"id":"summary","name":"Summary","children":[]},{"id":"example","name":"Example","children":[]}],"body":{"kind":"type","content":{"name":"fraction","title":"Fraction","keywords":[],"oneliner":"Defines how the remaining space in a layout is distributed.","details":"<p>Defines how the remaining space in a layout is distributed.</p>\n<p>Each fractionally sized element gets space based on the ratio of its\nfraction to the sum of all fractions.</p>\n<p>For more details, also see the <a href=\"/en-US-v0.14.1/reference/layout/h/\" title=\"h\">h</a> and <a href=\"/en-US-v0.14.1/reference/layout/v/\" title=\"v\">v</a> functions and the\n<a href=\"/en-US-v0.14.1/reference/layout/grid/\">grid function</a>.</p>\n<h2 id=\"example\">Example</h2>\n<div class=\"previewed-code\"><pre><code>Left <span class=\"typ-func\">#</span><span class=\"typ-func\">h</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">1fr</span><span class=\"typ-punct\">)</span> Left-ish <span class=\"typ-func\">#</span><span class=\"typ-func\">h</span><span class=\"typ-punct\">(</span><span class=\"typ-num\">2fr</span><span class=\"typ-punct\">)</span> Right\n</code></pre><div class=\"preview\"><img src=\"/en-US-v0.14.1/assets/321e6c8c590024595b335be6ffae423a.png\" alt=\"Preview\"></div></div>","constructor":null,"scope":[]}}}