actual
Version:
Determine actual @media breakpoints
29 lines (26 loc) • 1.07 kB
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>