modularscale-sass
Version:
A tool to help web designers size their type in a more meaningful way.
32 lines (26 loc) • 2.78 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Modular Scale</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Vulputate Consectetur Vestibulum Quam Dapibus</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde delectus quam debitis dicta modi, laboriosam architecto fuga voluptatibus. Porro eveniet dolores ipsa eum architecto non in temporibus natus magnam perferendis.</p>
<p>Consectetur velit pariatur tempore neque perferendis officiis praesentium error a aliquid, ad delectus quas quidem assumenda id nostrum blanditiis at non soluta aut sed iste accusantium nisi laborum? Consequatur, sint.</p>
<p>Nulla, doloribus, atque. Molestias culpa nostrum eligendi expedita, dolore iure commodi quas velit voluptatem, tempore eveniet eum voluptates veniam deserunt. Pariatur ipsa saepe corrupti aut perspiciatis, rem nulla nihil. Est.</p>
<p>Quidem architecto, totam animi porro quaerat cupiditate ex dolorum cum facere vel. A fugiat cupiditate deserunt reiciendis est odit. Quae laborum, distinctio rerum pariatur autem voluptatem doloribus nostrum dicta libero.</p>
<p>Maxime dignissimos provident, at commodi eius unde accusamus praesentium iste, itaque consequatur, eum ab. Modi assumenda dolor dolorum molestias debitis, provident voluptate. Ex porro mollitia voluptatem hic possimus, quaerat in.</p>
<h2>Parturient Condimentum Commodo Ligula Tristique</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quas tempore soluta esse ratione sunt, cupiditate quibusdam, libero modi architecto dicta ut, distinctio dolores delectus accusantium laudantium alias. Fugiat, commodi.</p>
<h3>Vehicula Justo Porta Fringilla Cras</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quas tempore soluta esse ratione sunt, cupiditate quibusdam, libero modi architecto dicta ut, distinctio dolores delectus accusantium laudantium alias. Fugiat, commodi.</p>
<h4>Venenatis Pharetra Cras Risus Malesuada</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quas tempore soluta esse ratione sunt, cupiditate quibusdam, libero modi architecto dicta ut, distinctio dolores delectus accusantium laudantium alias. Fugiat, commodi.</p>
<h5>Ridiculus Risus Vehicula Ullamcorper Purus</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis quas tempore soluta esse ratione sunt, cupiditate quibusdam, libero modi architecto dicta ut, distinctio dolores delectus accusantium laudantium alias. Fugiat, commodi.</p>
</body>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</html>