diff options
Diffstat (limited to 'test/lhs-test.html+lhs')
| -rw-r--r-- | test/lhs-test.html+lhs | 64 |
1 files changed, 37 insertions, 27 deletions
diff --git a/test/lhs-test.html+lhs b/test/lhs-test.html+lhs index 0037cc83c..a17941998 100644 --- a/test/lhs-test.html+lhs +++ b/test/lhs-test.html+lhs @@ -13,16 +13,24 @@ div.column{display: inline-block; vertical-align: top; width: 50%;} </style> <style type="text/css"> -a.sourceLine { display: inline-block; min-height: 1.25em; } +a.sourceLine { display: inline-block; line-height: 1.25; } a.sourceLine { pointer-events: none; color: inherit; text-decoration: inherit; } +a.sourceLine:empty { height: 1.2em; position: absolute; } .sourceCode { overflow: visible; } -code.sourceCode { white-space: pre; } +code.sourceCode { white-space: pre; position: relative; } +div.sourceCode { margin: 1em 0; } +pre.sourceCode { margin: 0; } +@media screen { +div.sourceCode { overflow: auto; } +} @media print { code.sourceCode { white-space: pre-wrap; } a.sourceLine { text-indent: -1em; padding-left: 1em; } } pre.numberSource a.sourceLine { position: relative; } +pre.numberSource a.sourceLine:empty + { position: absolute; } pre.numberSource a.sourceLine::before { content: attr(data-line-number); position: absolute; left: -5em; text-align: right; vertical-align: baseline; @@ -34,38 +42,40 @@ pre.numberSource a.sourceLine::before color: #aaaaaa; } pre.numberSource { margin-left: 3em; border-left: 1px solid #aaaaaa; padding-left: 4px; } +div.sourceCode + { } @media screen { -a.sourceLine::before { text-decoration: underline; color: initial; } +a.sourceLine::before { text-decoration: underline; } } -code span.kw { color: #007020; font-weight: bold; } /* Keyword */ -code span.dt { color: #902000; } /* DataType */ -code span.dv { color: #40a070; } /* DecVal */ +code span.al { color: #ff0000; font-weight: bold; } /* Alert */ +code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ +code span.at { color: #7d9029; } /* Attribute */ code span.bn { color: #40a070; } /* BaseN */ -code span.fl { color: #40a070; } /* Float */ +code span.bu { } /* BuiltIn */ +code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ code span.ch { color: #4070a0; } /* Char */ -code span.st { color: #4070a0; } /* String */ +code span.cn { color: #880000; } /* Constant */ code span.co { color: #60a0b0; font-style: italic; } /* Comment */ -code span.ot { color: #007020; } /* Other */ -code span.al { color: #ff0000; font-weight: bold; } /* Alert */ -code span.fu { color: #06287e; } /* Function */ +code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ +code span.do { color: #ba2121; font-style: italic; } /* Documentation */ +code span.dt { color: #902000; } /* DataType */ +code span.dv { color: #40a070; } /* DecVal */ code span.er { color: #ff0000; font-weight: bold; } /* Error */ -code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */ -code span.cn { color: #880000; } /* Constant */ -code span.sc { color: #4070a0; } /* SpecialChar */ -code span.vs { color: #4070a0; } /* VerbatimString */ -code span.ss { color: #bb6688; } /* SpecialString */ +code span.ex { } /* Extension */ +code span.fl { color: #40a070; } /* Float */ +code span.fu { color: #06287e; } /* Function */ code span.im { } /* Import */ -code span.va { color: #19177c; } /* Variable */ -code span.cf { color: #007020; font-weight: bold; } /* ControlFlow */ +code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ +code span.kw { color: #007020; font-weight: bold; } /* Keyword */ code span.op { color: #666666; } /* Operator */ -code span.bu { } /* BuiltIn */ -code span.ex { } /* Extension */ +code span.ot { color: #007020; } /* Other */ code span.pp { color: #bc7a00; } /* Preprocessor */ -code span.at { color: #7d9029; } /* Attribute */ -code span.do { color: #ba2121; font-style: italic; } /* Documentation */ -code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */ -code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */ -code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */ +code span.sc { color: #4070a0; } /* SpecialChar */ +code span.ss { color: #bb6688; } /* SpecialString */ +code span.st { color: #4070a0; } /* String */ +code span.va { color: #19177c; } /* Variable */ +code span.vs { color: #4070a0; } /* VerbatimString */ +code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */ </style> <!--[if lt IE 9]> <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> @@ -75,9 +85,9 @@ code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Infor <h1 id="lhs-test">lhs test</h1> <p><code>unsplit</code> is an arrow that takes a pair of values and combines them to return a single value:</p> -<pre class="sourceCode literate literatehaskell" id="cb1"><code class="sourceCode literatehaskell"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="ot">> unsplit ::</span> (<span class="dt">Arrow</span> a) <span class="ot">=></span> (b <span class="ot">-></span> c <span class="ot">-></span> d) <span class="ot">-></span> a (b, c) d</a> +<div class="sourceCode" id="cb1"><pre class="sourceCode literate literatehaskell"><code class="sourceCode literatehaskell"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="ot">> unsplit ::</span> (<span class="dt">Arrow</span> a) <span class="ot">=></span> (b <span class="ot">-></span> c <span class="ot">-></span> d) <span class="ot">-></span> a (b, c) d</a> <a class="sourceLine" id="cb1-2" data-line-number="2"><span class="ot">></span> unsplit <span class="fu">=</span> arr <span class="fu">.</span> uncurry</a> -<a class="sourceLine" id="cb1-3" data-line-number="3"><span class="ot">></span> <span class="co">-- arr (\op (x,y) -> x `op` y)</span></a></code></pre> +<a class="sourceLine" id="cb1-3" data-line-number="3"><span class="ot">></span> <span class="co">-- arr (\op (x,y) -> x `op` y)</span></a></code></pre></div> <p><code>(***)</code> combines two arrows into a new arrow by running the two arrows on a pair of values (one arrow on the first item of the pair and one arrow on the second item of the pair).</p> |