Sophie

Sophie

distrib > Fedora > 14 > x86_64 > media > updates > by-pkgid > 0ec9d8e04c6b78d98ce34d1036640fe3 > files > 98

ghc-hamlet-devel-0.8.2.1-2.fc14.x86_64.rpm

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<!-- Generated by HsColour, http://www.cs.york.ac.uk/fp/darcs/hscolour/ -->
<title>Text/Cassius.hs</title>
<link type='text/css' rel='stylesheet' href='hscolour.css' />
</head>
<body>
<pre><a name="line-1"></a><span class='hs-comment'>{-# LANGUAGE TemplateHaskell #-}</span>
<a name="line-2"></a><span class='hs-comment'>{-# LANGUAGE GeneralizedNewtypeDeriving #-}</span>
<a name="line-3"></a><span class='hs-comment'>{-# LANGUAGE FlexibleInstances #-}</span>
<a name="line-4"></a><span class='hs-comment'>{-# LANGUAGE CPP #-}</span>
<a name="line-5"></a><span class='hs-comment'>{-# OPTIONS_GHC -fno-warn-missing-fields #-}</span>
<a name="line-6"></a><span class='hs-keyword'>module</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Cassius</span>
<a name="line-7"></a>    <span class='hs-layout'>(</span> <span class='hs-comment'>-- * Datatypes</span>
<a name="line-8"></a>      <span class='hs-conid'>Cassius</span>
<a name="line-9"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>Css</span>
<a name="line-10"></a>      <span class='hs-comment'>-- * Type class</span>
<a name="line-11"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>ToCss</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-12"></a>      <span class='hs-comment'>-- * Rendering</span>
<a name="line-13"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>renderCassius</span>
<a name="line-14"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>renderCss</span>
<a name="line-15"></a>      <span class='hs-comment'>-- * Parsing</span>
<a name="line-16"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>cassius</span>
<a name="line-17"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>cassiusFile</span>
<a name="line-18"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>cassiusFileDebug</span>
<a name="line-19"></a>      <span class='hs-comment'>-- * ToCss instances</span>
<a name="line-20"></a>      <span class='hs-comment'>-- ** Color</span>
<a name="line-21"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>Color</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-22"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>colorRed</span>
<a name="line-23"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>colorBlack</span>
<a name="line-24"></a>      <span class='hs-comment'>-- ** Size</span>
<a name="line-25"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>mkSize</span>
<a name="line-26"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>AbsoluteUnit</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-27"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-28"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>absoluteSize</span>
<a name="line-29"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>EmSize</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-30"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>ExSize</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-31"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-32"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>percentageSize</span>
<a name="line-33"></a>    <span class='hs-layout'>,</span> <span class='hs-conid'>PixelSize</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span>
<a name="line-34"></a>    <span class='hs-layout'>)</span> <span class='hs-keyword'>where</span>
<a name="line-35"></a>
<a name="line-36"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Css</span>
<a name="line-37"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>MkSizeType</span>
<a name="line-38"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Shakespeare</span>
<a name="line-39"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>ParserCombinators</span><span class='hs-varop'>.</span><span class='hs-conid'>Parsec</span> <span class='hs-varid'>hiding</span> <span class='hs-layout'>(</span><span class='hs-conid'>Line</span><span class='hs-layout'>)</span>
<a name="line-40"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Printf</span> <span class='hs-layout'>(</span><span class='hs-varid'>printf</span><span class='hs-layout'>)</span>
<a name="line-41"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Language</span><span class='hs-varop'>.</span><span class='hs-conid'>Haskell</span><span class='hs-varop'>.</span><span class='hs-conid'>TH</span><span class='hs-varop'>.</span><span class='hs-conid'>Quote</span> <span class='hs-layout'>(</span><span class='hs-conid'>QuasiQuoter</span> <span class='hs-layout'>(</span><span class='hs-keyglyph'>..</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-42"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Language</span><span class='hs-varop'>.</span><span class='hs-conid'>Haskell</span><span class='hs-varop'>.</span><span class='hs-conid'>TH</span><span class='hs-varop'>.</span><span class='hs-conid'>Syntax</span>
<a name="line-43"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Language</span><span class='hs-varop'>.</span><span class='hs-conid'>Haskell</span><span class='hs-varop'>.</span><span class='hs-conid'>TH</span>
<a name="line-44"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Lazy</span><span class='hs-varop'>.</span><span class='hs-conid'>Builder</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromText</span><span class='hs-layout'>,</span> <span class='hs-varid'>fromLazyText</span><span class='hs-layout'>)</span>
<a name="line-45"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Maybe</span> <span class='hs-layout'>(</span><span class='hs-varid'>catMaybes</span><span class='hs-layout'>)</span>
<a name="line-46"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Word</span> <span class='hs-layout'>(</span><span class='hs-conid'>Word8</span><span class='hs-layout'>)</span>
<a name="line-47"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Bits</span>
<a name="line-48"></a><span class='hs-keyword'>import</span> <span class='hs-keyword'>qualified</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span> <span class='hs-keyword'>as</span> <span class='hs-conid'>TS</span>
<a name="line-49"></a><span class='hs-keyword'>import</span> <span class='hs-keyword'>qualified</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Lazy</span> <span class='hs-keyword'>as</span> <span class='hs-conid'>TL</span>
<a name="line-50"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Text</span><span class='hs-varop'>.</span><span class='hs-conid'>Hamlet</span><span class='hs-varop'>.</span><span class='hs-conid'>Quasi</span> <span class='hs-layout'>(</span><span class='hs-varid'>readUtf8File</span><span class='hs-layout'>)</span>
<a name="line-51"></a><span class='hs-keyword'>import</span> <span class='hs-conid'>Data</span><span class='hs-varop'>.</span><span class='hs-conid'>Char</span> <span class='hs-layout'>(</span><span class='hs-varid'>isSpace</span><span class='hs-layout'>)</span>
<a name="line-52"></a>
<a name="line-53"></a><a name="Color"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>Color</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Color</span> <span class='hs-conid'>Word8</span> <span class='hs-conid'>Word8</span> <span class='hs-conid'>Word8</span>
<a name="line-54"></a>    <span class='hs-keyword'>deriving</span> <span class='hs-conid'>Show</span>
<a name="line-55"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>ToCss</span> <span class='hs-conid'>Color</span> <span class='hs-keyword'>where</span>
<a name="line-56"></a>    <span class='hs-varid'>toCss</span> <span class='hs-layout'>(</span><span class='hs-conid'>Color</span> <span class='hs-varid'>r</span> <span class='hs-varid'>g</span> <span class='hs-varid'>b</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<a name="line-57"></a>        <span class='hs-keyword'>let</span> <span class='hs-layout'>(</span><span class='hs-varid'>r1</span><span class='hs-layout'>,</span> <span class='hs-varid'>r2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>toHex</span> <span class='hs-varid'>r</span>
<a name="line-58"></a>            <span class='hs-layout'>(</span><span class='hs-varid'>g1</span><span class='hs-layout'>,</span> <span class='hs-varid'>g2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>toHex</span> <span class='hs-varid'>g</span>
<a name="line-59"></a>            <span class='hs-layout'>(</span><span class='hs-varid'>b1</span><span class='hs-layout'>,</span> <span class='hs-varid'>b2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>toHex</span> <span class='hs-varid'>b</span>
<a name="line-60"></a>         <span class='hs-keyword'>in</span> <span class='hs-varid'>fromText</span> <span class='hs-varop'>$</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-varid'>pack</span> <span class='hs-varop'>$</span> <span class='hs-chr'>'#'</span> <span class='hs-conop'>:</span>
<a name="line-61"></a>            <span class='hs-keyword'>if</span> <span class='hs-varid'>r1</span> <span class='hs-varop'>==</span> <span class='hs-varid'>r2</span> <span class='hs-varop'>&amp;&amp;</span> <span class='hs-varid'>g1</span> <span class='hs-varop'>==</span> <span class='hs-varid'>g2</span> <span class='hs-varop'>&amp;&amp;</span> <span class='hs-varid'>b1</span> <span class='hs-varop'>==</span> <span class='hs-varid'>b2</span>
<a name="line-62"></a>                <span class='hs-keyword'>then</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>r1</span><span class='hs-layout'>,</span> <span class='hs-varid'>g1</span><span class='hs-layout'>,</span> <span class='hs-varid'>b1</span><span class='hs-keyglyph'>]</span>
<a name="line-63"></a>                <span class='hs-keyword'>else</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>r1</span><span class='hs-layout'>,</span> <span class='hs-varid'>r2</span><span class='hs-layout'>,</span> <span class='hs-varid'>g1</span><span class='hs-layout'>,</span> <span class='hs-varid'>g2</span><span class='hs-layout'>,</span> <span class='hs-varid'>b1</span><span class='hs-layout'>,</span> <span class='hs-varid'>b2</span><span class='hs-keyglyph'>]</span>
<a name="line-64"></a>      <span class='hs-keyword'>where</span>
<a name="line-65"></a>        <span class='hs-varid'>toHex</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Word8</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-layout'>(</span><span class='hs-conid'>Char</span><span class='hs-layout'>,</span> <span class='hs-conid'>Char</span><span class='hs-layout'>)</span>
<a name="line-66"></a>        <span class='hs-varid'>toHex</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>toChar</span> <span class='hs-varop'>$</span> <span class='hs-varid'>shiftR</span> <span class='hs-varid'>x</span> <span class='hs-num'>4</span><span class='hs-layout'>,</span> <span class='hs-varid'>toChar</span> <span class='hs-varop'>$</span> <span class='hs-varid'>x</span> <span class='hs-varop'>.&amp;.</span> <span class='hs-num'>15</span><span class='hs-layout'>)</span>
<a name="line-67"></a>        <span class='hs-varid'>toChar</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Word8</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Char</span>
<a name="line-68"></a>        <span class='hs-varid'>toChar</span> <span class='hs-varid'>c</span>
<a name="line-69"></a>            <span class='hs-keyglyph'>|</span> <span class='hs-varid'>c</span> <span class='hs-varop'>&lt;</span> <span class='hs-num'>10</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>mkChar</span> <span class='hs-varid'>c</span> <span class='hs-num'>0</span> <span class='hs-chr'>'0'</span>
<a name="line-70"></a>            <span class='hs-keyglyph'>|</span> <span class='hs-varid'>otherwise</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>mkChar</span> <span class='hs-varid'>c</span> <span class='hs-num'>10</span> <span class='hs-chr'>'A'</span>
<a name="line-71"></a>        <span class='hs-varid'>mkChar</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Word8</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Word8</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Char</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Char</span>
<a name="line-72"></a>        <span class='hs-varid'>mkChar</span> <span class='hs-varid'>a</span> <span class='hs-varid'>b'</span> <span class='hs-varid'>c</span> <span class='hs-keyglyph'>=</span>
<a name="line-73"></a>            <span class='hs-varid'>toEnum</span> <span class='hs-varop'>$</span> <span class='hs-varid'>fromIntegral</span> <span class='hs-varop'>$</span> <span class='hs-varid'>a</span> <span class='hs-comment'>-</span> <span class='hs-varid'>b'</span> <span class='hs-varop'>+</span> <span class='hs-varid'>fromIntegral</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromEnum</span> <span class='hs-varid'>c</span><span class='hs-layout'>)</span>
<a name="line-74"></a>
<a name="line-75"></a><a name="colorRed"></a><span class='hs-definition'>colorRed</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Color</span>
<a name="line-76"></a><span class='hs-definition'>colorRed</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Color</span> <span class='hs-num'>255</span> <span class='hs-num'>0</span> <span class='hs-num'>0</span>
<a name="line-77"></a>
<a name="line-78"></a><a name="colorBlack"></a><span class='hs-definition'>colorBlack</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Color</span>
<a name="line-79"></a><span class='hs-definition'>colorBlack</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Color</span> <span class='hs-num'>0</span> <span class='hs-num'>0</span> <span class='hs-num'>0</span>
<a name="line-80"></a>
<a name="line-81"></a><a name="renderCassius"></a><span class='hs-definition'>renderCassius</span> <span class='hs-keyglyph'>::</span> <span class='hs-layout'>(</span><span class='hs-varid'>url</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-keyglyph'>[</span><span class='hs-layout'>(</span><span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>,</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Cassius</span> <span class='hs-varid'>url</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>TL</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span>
<a name="line-82"></a><span class='hs-definition'>renderCassius</span> <span class='hs-varid'>r</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>renderCss</span> <span class='hs-varop'>$</span> <span class='hs-varid'>s</span> <span class='hs-varid'>r</span>
<a name="line-83"></a>
<a name="line-84"></a><a name="Cassius"></a><span class='hs-keyword'>type</span> <span class='hs-conid'>Cassius</span> <span class='hs-varid'>url</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>url</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-keyglyph'>[</span><span class='hs-layout'>(</span><span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>,</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-conid'>Text</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Css</span>
<a name="line-85"></a>
<a name="line-86"></a><a name="parseBlocks"></a><span class='hs-definition'>parseBlocks</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>Block</span><span class='hs-keyglyph'>]</span>
<a name="line-87"></a><span class='hs-definition'>parseBlocks</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>map</span> <span class='hs-varid'>compressBlock</span> <span class='hs-varop'>.</span> <span class='hs-varid'>catMaybes</span><span class='hs-layout'>)</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>many</span> <span class='hs-varid'>parseBlock</span>
<a name="line-88"></a>
<a name="line-89"></a><a name="parseEmptyLine"></a><span class='hs-definition'>parseEmptyLine</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-conid'>()</span>
<a name="line-90"></a><span class='hs-definition'>parseEmptyLine</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-91"></a>    <span class='hs-varid'>try</span> <span class='hs-varop'>$</span> <span class='hs-varid'>skipMany</span> <span class='hs-varop'>$</span> <span class='hs-varid'>oneOf</span> <span class='hs-str'>" \t"</span>
<a name="line-92"></a>    <span class='hs-varid'>parseComment</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>eol</span>
<a name="line-93"></a>
<a name="line-94"></a><a name="parseComment"></a><span class='hs-definition'>parseComment</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-conid'>()</span>
<a name="line-95"></a><span class='hs-definition'>parseComment</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-96"></a>    <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>try</span> <span class='hs-layout'>(</span><span class='hs-varid'>skipMany</span> <span class='hs-layout'>(</span><span class='hs-varid'>oneOf</span> <span class='hs-str'>" \t"</span><span class='hs-layout'>)</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>string</span> <span class='hs-str'>"/*"</span><span class='hs-layout'>)</span>
<a name="line-97"></a>    <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>manyTill</span> <span class='hs-varid'>anyChar</span> <span class='hs-varop'>$</span> <span class='hs-varid'>try</span> <span class='hs-varop'>$</span> <span class='hs-varid'>string</span> <span class='hs-str'>"*/"</span>
<a name="line-98"></a>    <span class='hs-comment'>-- FIXME This requires that any line beginning with a comment is entirely a comment</span>
<a name="line-99"></a>    <span class='hs-varid'>skipMany</span> <span class='hs-varop'>$</span> <span class='hs-varid'>oneOf</span> <span class='hs-str'>" \t"</span>
<a name="line-100"></a>    <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>eol</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>eof</span>
<a name="line-101"></a>    <span class='hs-varid'>return</span> <span class='hs-conid'>()</span>
<a name="line-102"></a>
<a name="line-103"></a><a name="parseIndent"></a><span class='hs-definition'>parseIndent</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-conid'>Int</span>
<a name="line-104"></a><span class='hs-definition'>parseIndent</span> <span class='hs-keyglyph'>=</span>
<a name="line-105"></a>    <span class='hs-varid'>sum</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>many</span> <span class='hs-layout'>(</span><span class='hs-layout'>(</span><span class='hs-varid'>char</span> <span class='hs-chr'>' '</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-num'>1</span><span class='hs-layout'>)</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-layout'>(</span><span class='hs-varid'>char</span> <span class='hs-chr'>'\t'</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-num'>4</span><span class='hs-layout'>)</span><span class='hs-layout'>)</span>
<a name="line-106"></a>
<a name="line-107"></a><a name="parseBlock"></a><span class='hs-definition'>parseBlock</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-layout'>(</span><span class='hs-conid'>Maybe</span> <span class='hs-conid'>Block</span><span class='hs-layout'>)</span>
<a name="line-108"></a><span class='hs-definition'>parseBlock</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-109"></a>    <span class='hs-varid'>indent</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>parseIndent</span>
<a name="line-110"></a>    <span class='hs-layout'>(</span><span class='hs-varid'>emptyBlock</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-conid'>Nothing</span><span class='hs-layout'>)</span>
<a name="line-111"></a>        <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-layout'>(</span><span class='hs-varid'>eof</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-keyword'>if</span> <span class='hs-varid'>indent</span> <span class='hs-varop'>&gt;</span> <span class='hs-num'>0</span> <span class='hs-keyword'>then</span> <span class='hs-varid'>return</span> <span class='hs-conid'>Nothing</span> <span class='hs-keyword'>else</span> <span class='hs-varid'>fail</span> <span class='hs-str'>""</span><span class='hs-layout'>)</span>
<a name="line-112"></a>        <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>realBlock</span> <span class='hs-varid'>indent</span>
<a name="line-113"></a>  <span class='hs-keyword'>where</span>
<a name="line-114"></a>    <span class='hs-varid'>emptyBlock</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>parseEmptyLine</span>
<a name="line-115"></a>    <span class='hs-varid'>realBlock</span> <span class='hs-varid'>indent</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-116"></a>        <span class='hs-varid'>name</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>many1</span> <span class='hs-varop'>$</span> <span class='hs-varid'>parseContent</span> <span class='hs-conid'>True</span>
<a name="line-117"></a>        <span class='hs-varid'>eol</span>
<a name="line-118"></a>        <span class='hs-varid'>pairs</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>fmap</span> <span class='hs-varid'>catMaybes</span> <span class='hs-varop'>$</span> <span class='hs-varid'>many</span> <span class='hs-varop'>$</span> <span class='hs-varid'>parsePair'</span> <span class='hs-varid'>indent</span>
<a name="line-119"></a>        <span class='hs-keyword'>case</span> <span class='hs-varid'>pairs</span> <span class='hs-keyword'>of</span>
<a name="line-120"></a>            <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>return</span> <span class='hs-conid'>Nothing</span>
<a name="line-121"></a>            <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>return</span> <span class='hs-varop'>$</span> <span class='hs-conid'>Just</span> <span class='hs-varop'>$</span> <span class='hs-conid'>Block</span> <span class='hs-keyglyph'>[</span><span class='hs-varid'>name</span><span class='hs-keyglyph'>]</span> <span class='hs-varid'>pairs</span> <span class='hs-conid'>[]</span>
<a name="line-122"></a>    <span class='hs-varid'>parsePair'</span> <span class='hs-varid'>indent</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>try</span> <span class='hs-layout'>(</span><span class='hs-varid'>parseEmptyLine</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-conid'>Nothing</span><span class='hs-layout'>)</span>
<a name="line-123"></a>                    <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>try</span> <span class='hs-layout'>(</span><span class='hs-conid'>Just</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>parsePair</span> <span class='hs-varid'>indent</span><span class='hs-layout'>)</span>
<a name="line-124"></a>
<a name="line-125"></a><a name="parsePair"></a><span class='hs-definition'>parsePair</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Int</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Parser</span> <span class='hs-layout'>(</span><span class='hs-conid'>Contents</span><span class='hs-layout'>,</span> <span class='hs-conid'>Contents</span><span class='hs-layout'>)</span>
<a name="line-126"></a><span class='hs-definition'>parsePair</span> <span class='hs-varid'>minIndent</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-127"></a>    <span class='hs-varid'>indent</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>parseIndent</span>
<a name="line-128"></a>    <span class='hs-keyword'>if</span> <span class='hs-varid'>indent</span> <span class='hs-varop'>&lt;=</span> <span class='hs-varid'>minIndent</span> <span class='hs-keyword'>then</span> <span class='hs-varid'>fail</span> <span class='hs-str'>"not indented"</span> <span class='hs-keyword'>else</span> <span class='hs-varid'>return</span> <span class='hs-conid'>()</span>
<a name="line-129"></a>    <span class='hs-varid'>key</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>manyTill</span> <span class='hs-layout'>(</span><span class='hs-varid'>parseContent</span> <span class='hs-conid'>False</span><span class='hs-layout'>)</span> <span class='hs-varop'>$</span> <span class='hs-varid'>char</span> <span class='hs-chr'>':'</span>
<a name="line-130"></a>    <span class='hs-varid'>spaces</span>
<a name="line-131"></a>    <span class='hs-varid'>value</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>manyTill</span> <span class='hs-layout'>(</span><span class='hs-varid'>parseContent</span> <span class='hs-conid'>True</span><span class='hs-layout'>)</span> <span class='hs-varop'>$</span> <span class='hs-varid'>eol</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>eof</span>
<a name="line-132"></a>    <span class='hs-varid'>return</span> <span class='hs-layout'>(</span><span class='hs-varid'>trim</span> <span class='hs-varid'>key</span><span class='hs-layout'>,</span> <span class='hs-varid'>value</span><span class='hs-layout'>)</span> <span class='hs-comment'>-- FIXME consider trimming value as well</span>
<a name="line-133"></a>
<a name="line-134"></a><a name="trim"></a><span class='hs-definition'>trim</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Contents</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Contents</span>
<a name="line-135"></a><span class='hs-definition'>trim</span> <span class='hs-keyglyph'>=</span>
<a name="line-136"></a>    <span class='hs-varid'>reverse</span> <span class='hs-varop'>.</span> <span class='hs-varid'>go</span> <span class='hs-varop'>.</span> <span class='hs-varid'>reverse</span> <span class='hs-varop'>.</span> <span class='hs-varid'>go</span>
<a name="line-137"></a>  <span class='hs-keyword'>where</span>
<a name="line-138"></a>    <span class='hs-varid'>go</span> <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>[]</span>
<a name="line-139"></a>    <span class='hs-varid'>go</span> <span class='hs-layout'>(</span><span class='hs-conid'>ContentRaw</span> <span class='hs-varid'>x</span><span class='hs-conop'>:</span><span class='hs-varid'>xs</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span>
<a name="line-140"></a>        <span class='hs-keyword'>case</span> <span class='hs-varid'>dropWhile</span> <span class='hs-varid'>isSpace</span> <span class='hs-varid'>x</span> <span class='hs-keyword'>of</span>
<a name="line-141"></a>            <span class='hs-conid'>[]</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>go</span> <span class='hs-varid'>xs</span>
<a name="line-142"></a>            <span class='hs-varid'>y</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>ContentRaw</span> <span class='hs-varid'>y</span><span class='hs-conop'>:</span><span class='hs-varid'>xs</span>
<a name="line-143"></a>    <span class='hs-varid'>go</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>x</span>
<a name="line-144"></a>
<a name="line-145"></a>
<a name="line-146"></a><a name="eol"></a><span class='hs-definition'>eol</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-conid'>()</span>
<a name="line-147"></a><span class='hs-definition'>eol</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-varid'>char</span> <span class='hs-chr'>'\n'</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-conid'>()</span><span class='hs-layout'>)</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-layout'>(</span><span class='hs-varid'>string</span> <span class='hs-str'>"\r\n"</span> <span class='hs-varop'>&gt;&gt;</span> <span class='hs-varid'>return</span> <span class='hs-conid'>()</span><span class='hs-layout'>)</span>
<a name="line-148"></a>
<a name="line-149"></a><a name="parseContent"></a><span class='hs-definition'>parseContent</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Bool</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Parser</span> <span class='hs-conid'>Content</span>
<a name="line-150"></a><span class='hs-definition'>parseContent</span> <span class='hs-varid'>allowColon</span> <span class='hs-keyglyph'>=</span>
<a name="line-151"></a>    <span class='hs-varid'>parseHash'</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>parseAt'</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>parseComment'</span> <span class='hs-varop'>&lt;|&gt;</span> <span class='hs-varid'>parseChar</span>
<a name="line-152"></a>  <span class='hs-keyword'>where</span>
<a name="line-153"></a>    <span class='hs-varid'>parseHash'</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>either</span> <span class='hs-conid'>ContentRaw</span> <span class='hs-conid'>ContentVar</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>parseHash</span>
<a name="line-154"></a>    <span class='hs-varid'>parseAt'</span> <span class='hs-keyglyph'>=</span>
<a name="line-155"></a>        <span class='hs-varid'>either</span> <span class='hs-conid'>ContentRaw</span> <span class='hs-varid'>go</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>parseAt</span>
<a name="line-156"></a>      <span class='hs-keyword'>where</span>
<a name="line-157"></a>        <span class='hs-varid'>go</span> <span class='hs-layout'>(</span><span class='hs-varid'>d</span><span class='hs-layout'>,</span> <span class='hs-conid'>False</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>ContentUrl</span> <span class='hs-varid'>d</span>
<a name="line-158"></a>        <span class='hs-varid'>go</span> <span class='hs-layout'>(</span><span class='hs-varid'>d</span><span class='hs-layout'>,</span> <span class='hs-conid'>True</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>ContentUrlParam</span> <span class='hs-varid'>d</span>
<a name="line-159"></a>    <span class='hs-varid'>parseChar</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-conid'>ContentRaw</span> <span class='hs-varop'>.</span> <span class='hs-varid'>return</span><span class='hs-layout'>)</span> <span class='hs-varop'>`fmap`</span> <span class='hs-varid'>noneOf</span> <span class='hs-varid'>restricted</span>
<a name="line-160"></a>    <span class='hs-varid'>restricted</span> <span class='hs-keyglyph'>=</span> <span class='hs-layout'>(</span><span class='hs-keyword'>if</span> <span class='hs-varid'>allowColon</span> <span class='hs-keyword'>then</span> <span class='hs-varid'>id</span> <span class='hs-keyword'>else</span> <span class='hs-layout'>(</span><span class='hs-conop'>:</span><span class='hs-layout'>)</span> <span class='hs-chr'>':'</span><span class='hs-layout'>)</span> <span class='hs-str'>"\r\n"</span>
<a name="line-161"></a>    <span class='hs-varid'>parseComment'</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-162"></a>        <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>try</span> <span class='hs-varop'>$</span> <span class='hs-varid'>string</span> <span class='hs-str'>"/*"</span>
<a name="line-163"></a>        <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>manyTill</span> <span class='hs-varid'>anyChar</span> <span class='hs-varop'>$</span> <span class='hs-varid'>try</span> <span class='hs-varop'>$</span> <span class='hs-varid'>string</span> <span class='hs-str'>"*/"</span>
<a name="line-164"></a>        <span class='hs-varid'>return</span> <span class='hs-varop'>$</span> <span class='hs-conid'>ContentRaw</span> <span class='hs-str'>""</span>
<a name="line-165"></a>
<a name="line-166"></a><a name="cassius"></a><span class='hs-definition'>cassius</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>QuasiQuoter</span>
<a name="line-167"></a><span class='hs-definition'>cassius</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>QuasiQuoter</span> <span class='hs-layout'>{</span> <span class='hs-varid'>quoteExp</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cassiusFromString</span> <span class='hs-layout'>}</span>
<a name="line-168"></a>
<a name="line-169"></a><a name="cassiusFromString"></a><span class='hs-definition'>cassiusFromString</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Q</span> <span class='hs-conid'>Exp</span>
<a name="line-170"></a><span class='hs-definition'>cassiusFromString</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>=</span>
<a name="line-171"></a>    <span class='hs-varid'>topLevelsToCassius</span> <span class='hs-varop'>$</span> <span class='hs-varid'>map</span> <span class='hs-conid'>TopBlock</span>
<a name="line-172"></a>  <span class='hs-varop'>$</span> <span class='hs-varid'>either</span> <span class='hs-layout'>(</span><span class='hs-varid'>error</span> <span class='hs-varop'>.</span> <span class='hs-varid'>show</span><span class='hs-layout'>)</span> <span class='hs-varid'>id</span> <span class='hs-varop'>$</span> <span class='hs-varid'>parse</span> <span class='hs-varid'>parseBlocks</span> <span class='hs-varid'>s</span> <span class='hs-varid'>s</span>
<a name="line-173"></a>
<a name="line-174"></a><a name="cassiusFile"></a><span class='hs-definition'>cassiusFile</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>FilePath</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Q</span> <span class='hs-conid'>Exp</span>
<a name="line-175"></a><span class='hs-definition'>cassiusFile</span> <span class='hs-varid'>fp</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-176"></a>    <span class='hs-varid'>contents</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>fmap</span> <span class='hs-conid'>TL</span><span class='hs-varop'>.</span><span class='hs-varid'>unpack</span> <span class='hs-varop'>$</span> <span class='hs-varid'>qRunIO</span> <span class='hs-varop'>$</span> <span class='hs-varid'>readUtf8File</span> <span class='hs-varid'>fp</span>
<a name="line-177"></a>    <span class='hs-varid'>cassiusFromString</span> <span class='hs-varid'>contents</span>
<a name="line-178"></a>
<a name="line-179"></a><a name="cassiusFileDebug"></a><span class='hs-definition'>cassiusFileDebug</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>FilePath</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Q</span> <span class='hs-conid'>Exp</span>
<a name="line-180"></a><span class='hs-definition'>cassiusFileDebug</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>cssFileDebug</span> <span class='hs-keyglyph'>[</span><span class='hs-keyglyph'>|</span><span class='hs-varid'>parseTopLevels</span><span class='hs-keyglyph'>|</span><span class='hs-keyglyph'>]</span> <span class='hs-varid'>parseTopLevels</span>
<a name="line-181"></a>
<a name="line-182"></a><a name="parseTopLevels"></a><span class='hs-definition'>parseTopLevels</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Parser</span> <span class='hs-keyglyph'>[</span><span class='hs-conid'>TopLevel</span><span class='hs-keyglyph'>]</span>
<a name="line-183"></a><span class='hs-definition'>parseTopLevels</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>do</span>
<a name="line-184"></a>    <span class='hs-varid'>x</span> <span class='hs-keyglyph'>&lt;-</span> <span class='hs-varid'>parseBlocks</span>
<a name="line-185"></a>    <span class='hs-varid'>return</span> <span class='hs-varop'>$</span> <span class='hs-varid'>map</span> <span class='hs-conid'>TopBlock</span> <span class='hs-varid'>x</span>
<a name="line-186"></a>
<a name="line-187"></a><span class='hs-comment'>-- CSS size wrappers</span>
<a name="line-188"></a>
<a name="line-189"></a><a name="mkSize"></a><span class='hs-comment'>-- | Create a CSS size, e.g. $(mkSize "100px").</span>
<a name="line-190"></a><span class='hs-definition'>mkSize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>ExpQ</span>
<a name="line-191"></a><span class='hs-definition'>mkSize</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>nameE</span> <span class='hs-varid'>valueE</span>
<a name="line-192"></a>  <span class='hs-keyword'>where</span> <span class='hs-keyglyph'>[</span><span class='hs-layout'>(</span><span class='hs-varid'>value</span><span class='hs-layout'>,</span> <span class='hs-varid'>unit</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>reads</span> <span class='hs-varid'>s</span> <span class='hs-keyglyph'>::</span> <span class='hs-keyglyph'>[</span><span class='hs-layout'>(</span><span class='hs-conid'>Double</span><span class='hs-layout'>,</span> <span class='hs-conid'>String</span><span class='hs-layout'>)</span><span class='hs-keyglyph'>]</span>
<a name="line-193"></a>        <span class='hs-varid'>absoluteSizeE</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>varE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"absoluteSize"</span>
<a name="line-194"></a>        <span class='hs-varid'>nameE</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>case</span> <span class='hs-varid'>unit</span> <span class='hs-keyword'>of</span>
<a name="line-195"></a>          <span class='hs-str'>"cm"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>absoluteSizeE</span> <span class='hs-layout'>(</span><span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"Centimeter"</span><span class='hs-layout'>)</span>
<a name="line-196"></a>          <span class='hs-str'>"em"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"EmSize"</span>
<a name="line-197"></a>          <span class='hs-str'>"ex"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"ExSize"</span>
<a name="line-198"></a>          <span class='hs-str'>"in"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>absoluteSizeE</span> <span class='hs-layout'>(</span><span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"Inch"</span><span class='hs-layout'>)</span>
<a name="line-199"></a>          <span class='hs-str'>"mm"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>absoluteSizeE</span> <span class='hs-layout'>(</span><span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"Millimeter"</span><span class='hs-layout'>)</span>
<a name="line-200"></a>          <span class='hs-str'>"pc"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>absoluteSizeE</span> <span class='hs-layout'>(</span><span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"Pica"</span><span class='hs-layout'>)</span>
<a name="line-201"></a>          <span class='hs-str'>"pt"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>appE</span> <span class='hs-varid'>absoluteSizeE</span> <span class='hs-layout'>(</span><span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"Point"</span><span class='hs-layout'>)</span>
<a name="line-202"></a>          <span class='hs-str'>"px"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>conE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"PixelSize"</span>
<a name="line-203"></a>          <span class='hs-str'>"%"</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>varE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>mkName</span> <span class='hs-str'>"percentageSize"</span>
<a name="line-204"></a>          <span class='hs-keyword'>_</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-varid'>error</span> <span class='hs-varop'>$</span> <span class='hs-str'>"In mkSize, invalid unit: "</span> <span class='hs-varop'>++</span> <span class='hs-varid'>unit</span>
<a name="line-205"></a>        <span class='hs-varid'>valueE</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>litE</span> <span class='hs-varop'>$</span> <span class='hs-varid'>rationalL</span> <span class='hs-layout'>(</span><span class='hs-varid'>toRational</span> <span class='hs-varid'>value</span><span class='hs-layout'>)</span>
<a name="line-206"></a>
<a name="line-207"></a><a name="AbsoluteUnit"></a><span class='hs-comment'>-- | Absolute size units.</span>
<a name="line-208"></a><a name="AbsoluteUnit"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>AbsoluteUnit</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>Centimeter</span>
<a name="line-209"></a>                  <span class='hs-keyglyph'>|</span> <span class='hs-conid'>Inch</span>
<a name="line-210"></a>                  <span class='hs-keyglyph'>|</span> <span class='hs-conid'>Millimeter</span>
<a name="line-211"></a>                  <span class='hs-keyglyph'>|</span> <span class='hs-conid'>Pica</span>
<a name="line-212"></a>                  <span class='hs-keyglyph'>|</span> <span class='hs-conid'>Point</span>
<a name="line-213"></a>                  <span class='hs-keyword'>deriving</span> <span class='hs-layout'>(</span><span class='hs-conid'>Eq</span><span class='hs-layout'>,</span> <span class='hs-conid'>Show</span><span class='hs-layout'>)</span>
<a name="line-214"></a>
<a name="line-215"></a><a name="AbsoluteSize"></a><span class='hs-comment'>-- | Not intended for direct use, see 'mkSize'.</span>
<a name="line-216"></a><a name="AbsoluteSize"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span>
<a name="line-217"></a>    <span class='hs-layout'>{</span> <span class='hs-varid'>absoluteSizeUnit</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>AbsoluteUnit</span> <span class='hs-comment'>-- ^ Units used for text formatting.</span>
<a name="line-218"></a>    <span class='hs-layout'>,</span> <span class='hs-varid'>absoluteSizeValue</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Rational</span> <span class='hs-comment'>-- ^ Normalized value in centimeters.</span>
<a name="line-219"></a>    <span class='hs-layout'>}</span>
<a name="line-220"></a>
<a name="line-221"></a><a name="absoluteUnitRate"></a><span class='hs-comment'>-- | Absolute size unit convertion rate to centimeters.</span>
<a name="line-222"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>AbsoluteUnit</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Rational</span>
<a name="line-223"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-conid'>Centimeter</span> <span class='hs-keyglyph'>=</span> <span class='hs-num'>1</span>
<a name="line-224"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-conid'>Inch</span> <span class='hs-keyglyph'>=</span> <span class='hs-num'>2.54</span>
<a name="line-225"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-conid'>Millimeter</span> <span class='hs-keyglyph'>=</span> <span class='hs-num'>0.1</span>
<a name="line-226"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-conid'>Pica</span> <span class='hs-keyglyph'>=</span> <span class='hs-num'>12</span> <span class='hs-varop'>*</span> <span class='hs-varid'>absoluteUnitRate</span> <span class='hs-conid'>Point</span>
<a name="line-227"></a><span class='hs-definition'>absoluteUnitRate</span> <span class='hs-conid'>Point</span> <span class='hs-keyglyph'>=</span> <span class='hs-num'>1</span> <span class='hs-varop'>/</span> <span class='hs-num'>72</span> <span class='hs-varop'>*</span> <span class='hs-varid'>absoluteUnitRate</span> <span class='hs-conid'>Inch</span>
<a name="line-228"></a>
<a name="line-229"></a><a name="absoluteSize"></a><span class='hs-comment'>-- | Constructs 'AbsoluteSize'. Not intended for direct use, see 'mkSize'.</span>
<a name="line-230"></a><span class='hs-definition'>absoluteSize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>AbsoluteUnit</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>Rational</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>AbsoluteSize</span>
<a name="line-231"></a><span class='hs-definition'>absoluteSize</span> <span class='hs-varid'>unit</span> <span class='hs-varid'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>unit</span> <span class='hs-layout'>(</span><span class='hs-varid'>value</span> <span class='hs-varop'>*</span> <span class='hs-varid'>absoluteUnitRate</span> <span class='hs-varid'>unit</span><span class='hs-layout'>)</span>
<a name="line-232"></a>
<a name="line-233"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Show</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-234"></a>  <span class='hs-varid'>show</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>unit</span> <span class='hs-varid'>value'</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>printf</span> <span class='hs-str'>"%f"</span> <span class='hs-varid'>value</span> <span class='hs-varop'>++</span> <span class='hs-varid'>suffix</span>
<a name="line-235"></a>    <span class='hs-keyword'>where</span> <span class='hs-varid'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fromRational</span> <span class='hs-layout'>(</span><span class='hs-varid'>value'</span> <span class='hs-varop'>/</span> <span class='hs-varid'>absoluteUnitRate</span> <span class='hs-varid'>unit</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Double</span>
<a name="line-236"></a>          <span class='hs-varid'>suffix</span> <span class='hs-keyglyph'>=</span> <span class='hs-keyword'>case</span> <span class='hs-varid'>unit</span> <span class='hs-keyword'>of</span>
<a name="line-237"></a>            <span class='hs-conid'>Centimeter</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-str'>"cm"</span>
<a name="line-238"></a>            <span class='hs-conid'>Inch</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-str'>"in"</span>
<a name="line-239"></a>            <span class='hs-conid'>Millimeter</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-str'>"mm"</span>
<a name="line-240"></a>            <span class='hs-conid'>Pica</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-str'>"pc"</span>
<a name="line-241"></a>            <span class='hs-conid'>Point</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-str'>"pt"</span>
<a name="line-242"></a>
<a name="line-243"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Eq</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-244"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>==</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>v1</span> <span class='hs-varop'>==</span> <span class='hs-varid'>v2</span>
<a name="line-245"></a>
<a name="line-246"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Ord</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-247"></a>  <span class='hs-varid'>compare</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>compare</span> <span class='hs-varid'>v1</span> <span class='hs-varid'>v2</span>
<a name="line-248"></a>
<a name="line-249"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Num</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-250"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>+</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>+</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-251"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>*</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>*</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-252"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-comment'>-</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-comment'>-</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-253"></a>  <span class='hs-varid'>abs</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u</span> <span class='hs-layout'>(</span><span class='hs-varid'>abs</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span>
<a name="line-254"></a>  <span class='hs-varid'>signum</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u</span> <span class='hs-layout'>(</span><span class='hs-varid'>abs</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span>
<a name="line-255"></a>  <span class='hs-varid'>fromInteger</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-conid'>Centimeter</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromInteger</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span>
<a name="line-256"></a>
<a name="line-257"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Fractional</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-258"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>/</span> <span class='hs-layout'>(</span><span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>_</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-varid'>u1</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>/</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-259"></a>  <span class='hs-varid'>fromRational</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-conid'>Centimeter</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromRational</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span>
<a name="line-260"></a>
<a name="line-261"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>ToCss</span> <span class='hs-conid'>AbsoluteSize</span> <span class='hs-keyword'>where</span>
<a name="line-262"></a>  <span class='hs-varid'>toCss</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fromText</span> <span class='hs-varop'>.</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-varid'>pack</span> <span class='hs-varop'>.</span> <span class='hs-varid'>show</span>
<a name="line-263"></a>
<a name="line-264"></a><a name="PercentageSize"></a><span class='hs-comment'>-- | Not intended for direct use, see 'mkSize'.</span>
<a name="line-265"></a><a name="PercentageSize"></a><span class='hs-keyword'>data</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span>
<a name="line-266"></a>    <span class='hs-layout'>{</span> <span class='hs-varid'>percentageSizeValue</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Rational</span> <span class='hs-comment'>-- ^ Normalized value, 1 == 100%.</span>
<a name="line-267"></a>    <span class='hs-layout'>}</span>
<a name="line-268"></a>                    <span class='hs-keyword'>deriving</span> <span class='hs-layout'>(</span><span class='hs-conid'>Eq</span><span class='hs-layout'>,</span> <span class='hs-conid'>Ord</span><span class='hs-layout'>)</span>
<a name="line-269"></a>
<a name="line-270"></a><a name="percentageSize"></a><span class='hs-comment'>-- | Constructs 'PercentageSize'. Not intended for direct use, see 'mkSize'.</span>
<a name="line-271"></a><span class='hs-definition'>percentageSize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Rational</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>PercentageSize</span>
<a name="line-272"></a><span class='hs-definition'>percentageSize</span> <span class='hs-varid'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>value</span> <span class='hs-varop'>/</span> <span class='hs-num'>100</span><span class='hs-layout'>)</span>
<a name="line-273"></a>
<a name="line-274"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Show</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-keyword'>where</span>
<a name="line-275"></a>  <span class='hs-varid'>show</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>value'</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>printf</span> <span class='hs-str'>"%f"</span> <span class='hs-varid'>value</span> <span class='hs-varop'>++</span> <span class='hs-str'>"%"</span>
<a name="line-276"></a>    <span class='hs-keyword'>where</span> <span class='hs-varid'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fromRational</span> <span class='hs-layout'>(</span><span class='hs-varid'>value'</span> <span class='hs-varop'>*</span> <span class='hs-num'>100</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Double</span>
<a name="line-277"></a>
<a name="line-278"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Num</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-keyword'>where</span>
<a name="line-279"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>+</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>+</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-280"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>*</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>*</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-281"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-comment'>-</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-comment'>-</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-282"></a>  <span class='hs-varid'>abs</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>abs</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span>
<a name="line-283"></a>  <span class='hs-varid'>signum</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>abs</span> <span class='hs-varid'>v</span><span class='hs-layout'>)</span>
<a name="line-284"></a>  <span class='hs-varid'>fromInteger</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromInteger</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span>
<a name="line-285"></a>
<a name="line-286"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>Fractional</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-keyword'>where</span>
<a name="line-287"></a>  <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v1</span><span class='hs-layout'>)</span> <span class='hs-varop'>/</span> <span class='hs-layout'>(</span><span class='hs-conid'>PercentageSize</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>v1</span> <span class='hs-varop'>/</span> <span class='hs-varid'>v2</span><span class='hs-layout'>)</span>
<a name="line-288"></a>  <span class='hs-varid'>fromRational</span> <span class='hs-varid'>x</span> <span class='hs-keyglyph'>=</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-layout'>(</span><span class='hs-varid'>fromRational</span> <span class='hs-varid'>x</span><span class='hs-layout'>)</span>
<a name="line-289"></a>
<a name="line-290"></a><span class='hs-keyword'>instance</span> <span class='hs-conid'>ToCss</span> <span class='hs-conid'>PercentageSize</span> <span class='hs-keyword'>where</span>
<a name="line-291"></a>  <span class='hs-varid'>toCss</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fromText</span> <span class='hs-varop'>.</span> <span class='hs-conid'>TS</span><span class='hs-varop'>.</span><span class='hs-varid'>pack</span> <span class='hs-varop'>.</span> <span class='hs-varid'>show</span>
<a name="line-292"></a>
<a name="line-293"></a><a name="showSize"></a><span class='hs-comment'>-- | Converts number and unit suffix to CSS format.</span>
<a name="line-294"></a><span class='hs-definition'>showSize</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Rational</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>String</span> <span class='hs-keyglyph'>-&gt;</span> <span class='hs-conid'>String</span>
<a name="line-295"></a><span class='hs-definition'>showSize</span> <span class='hs-varid'>value'</span> <span class='hs-varid'>unit</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>printf</span> <span class='hs-str'>"%f"</span> <span class='hs-varid'>value</span> <span class='hs-varop'>++</span> <span class='hs-varid'>unit</span>
<a name="line-296"></a>  <span class='hs-keyword'>where</span> <span class='hs-varid'>value</span> <span class='hs-keyglyph'>=</span> <span class='hs-varid'>fromRational</span> <span class='hs-varid'>value'</span> <span class='hs-keyglyph'>::</span> <span class='hs-conid'>Double</span>
<a name="line-297"></a>
<a name="line-298"></a><a name="mkSizeType"></a><span class='hs-definition'>mkSizeType</span> <span class='hs-str'>"EmSize"</span> <span class='hs-str'>"em"</span>
<a name="line-299"></a><span class='hs-definition'>mkSizeType</span> <span class='hs-str'>"ExSize"</span> <span class='hs-str'>"ex"</span>
<a name="line-300"></a><span class='hs-definition'>mkSizeType</span> <span class='hs-str'>"PixelSize"</span> <span class='hs-str'>"px"</span>
</pre></body>
</html>