index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

<!DOCTYPE html>
<html lang="en-US">
<title>actual: Determine actual @media breakpoints</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="actual JavaScript module tests">
<style>
  ::selection { background: MediumBlue; color: AliceBlue }
  html { background: AliceBlue; color: black }
  *, :before, :after { box-sizing: border-box }
  html { font: 1em/2 sans-serif; }
  body { width: 100%; margin: auto; padding: 1em }
  button:enabled:hover { cursor: pointer }
  pre, code { -moz-tab-size: 2; -o-tab-size: 2; tab-size: 2 }
  pre { white-space: pre-wrap; word-wrap: break-word; overflow: auto }
  h1, h2 { line-height: 1 }
  h2 { font-size: 1.5em }
  p code { font-weight: bold; }
</style>

<h1>actual</h1>
<p>Check tests and play with <code>actual</code> in the console.</p>
<ul>
  <li><a href="https://github.com/ryanve/actual">Github</a></li>
  <li><a href="https://www.npmjs.com/package/actual">npm</a></li>
</ul>

<script src="actual.js"></script>
<script src="test.js"></script>