Generated by SassMeister.com.

SassMeister-input-HTML.html

<article class="content">
  <h1>Vertical rythm</h1>
  <aside class="sidebar">
    <div class="block">
      <p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this same humpbacked whale and the Greenland whale, each of these has baleen; but there again the similitude ceases. And it is just the same with the other parts above mentioned. In various sorts of whales, they form such irregular combinations; or, in the case of any one of them detached, such an irregular isolation; as utterly to defy all general methodization formed upon such a basis. On this rock every one of the whale-naturalists has split.</p>
    </div>
  </aside>  
  <p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this same humpbacked whale and the Greenland whale, each of these has baleen; but there again the similitude ceases. And it is just the same with the other parts above mentioned. In various sorts of whales, they form such irregular combinations; or, in the case of any one of them detached, such an irregular isolation; as utterly to defy all general methodization formed upon such a basis. On this rock every one of the whale-naturalists has split. But it may possibly be conceived that, in the internal parts of the whale, in his anatomy&mdash;there, at least, we shall be able to hit the right classification. Nay; what thing, for example, is there in the Greenland whale's anatomy more striking than his baleen? Yet we have seen that by his baleen it is impossible correctly to classify the Greenland whale. And if you descend into the bowels of the various leviathans, why there you will not find distinctions a fiftieth part as available to the systematizer as those external ones already enumerated. What then remains? nothing but to take hold of the whales bodily, in their entire liberal volume, and boldly sort them that way. And this is the Bibliographical system here adopted; and it is the only one that can possibly succeed, for it alone is practicable. To proceed. BOOK I. (FOLIO) CHAPTER IV. (HUMP-BACK).&mdash;This whale is often</p>

</article>

SassMeister-input.scss

// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----

@import "compass";
$base-font-size: 16px;
$base-line-height: 24px;  // Change me. :)
@include establish-baseline;

@mixin vertical-rythm($vertical-height: 15px, $total: 750, $odd: white, $even: hotpink) {
  $values: unquote('');
  $color: null;
  $px: 0;
  @for $i from 1 through $total {
    @if $i % 2 == 0 {
      $color: $odd;
      $px: $px + $vertical-height - 1px;
    }
    @else {
      $color: $even;
      $px: $px + 1px;
    }
    $values: $values + unquote("0px #{$px} 0 0px #{$color} inset");
    @if $i != $total {
      $values: $values + unquote(', ');
    }
  }
  box-shadow: $values;
}

html {
  
}

body {
  @include vertical-rythm($base-line-height);
  margin: 0;
  padding: 0;
}

h1 {
  @include adjust-font-size-to(42px);
  // margin: $base-line-height 0;
  // @include rhythm(1, 0, 0, 1, 42px);
  margin: 0 auto rhythm(1, 42px);
}

p {
  margin: 0 0 $base-line-height 0;
}

.content {
  height: 2000px;
  margin: $base-line-height;
}

.sidebar {
  float: right;
  width: 300px;
  margin: 0 0 0 $base-line-height;
}

.block {
  @include adjust-font-size-to(12px, 2/3);
  @include leading-border(10px, 2/3);
  @include trailing-border(10px, 2/3);
}

SassMeister-output.css

html {
  font-size: 100%;
  line-height: 1.5em;
}

body {
  box-shadow: 0px 1px 0 0px hotpink inset, 0px 24px 0 0px white inset, 0px 25px 0 0px hotpink inset, 0px 48px 0 0px white inset, 0px 49px 0 0px hotpink inset, 0px 72px 0 0px white inset, 0px 73px 0 0px hotpink inset, 0px 96px 0 0px white inset, 0px 97px 0 0px hotpink inset, 0px 120px 0 0px white inset, 0px 121px 0 0px hotpink inset, 0px 144px 0 0px white inset, 0px 145px 0 0px hotpink inset, 0px 168px 0 0px white inset, 0px 169px 0 0px hotpink inset, 0px 192px 0 0px white inset, 0px 193px 0 0px hotpink inset, 0px 216px 0 0px white inset, 0px 217px 0 0px hotpink inset, 0px 240px 0 0px white inset, 0px 241px 0 0px hotpink inset, 0px 264px 0 0px white inset, 0px 265px 0 0px hotpink inset, 0px 288px 0 0px white inset, 0px 289px 0 0px hotpink inset, 0px 312px 0 0px white inset, 0px 313px 0 0px hotpink inset, 0px 336px 0 0px white inset, 0px 337px 0 0px hotpink inset, 0px 360px 0 0px white inset, 0px 361px 0 0px hotpink inset, 0px 384px 0 0px white inset, 0px 385px 0 0px hotpink inset, 0px 408px 0 0px white inset, 0px 409px 0 0px hotpink inset, 0px 432px 0 0px white inset, 0px 433px 0 0px hotpink inset, 0px 456px 0 0px white inset, 0px 457px 0 0px hotpink inset, 0px 480px 0 0px white inset, 0px 481px 0 0px hotpink inset, 0px 504px 0 0px white inset, 0px 505px 0 0px hotpink inset, 0px 528px 0 0px white inset, 0px 529px 0 0px hotpink inset, 0px 552px 0 0px white inset, 0px 553px 0 0px hotpink inset, 0px 576px 0 0px white inset, 0px 577px 0 0px hotpink inset, 0px 600px 0 0px white inset, 0px 601px 0 0px hotpink inset, 0px 624px 0 0px white inset, 0px 625px 0 0px hotpink inset, 0px 648px 0 0px white inset, 0px 649px 0 0px hotpink inset, 0px 672px 0 0px white inset, 0px 673px 0 0px hotpink inset, 0px 696px 0 0px white inset, 0px 697px 0 0px hotpink inset, 0px 720px 0 0px white inset, 0px 721px 0 0px hotpink inset, 0px 744px 0 0px white inset, 0px 745px 0 0px hotpink inset, 0px 768px 0 0px white inset, 0px 769px 0 0px hotpink inset, 0px 792px 0 0px white inset, 0px 793px 0 0px hotpink inset, 0px 816px 0 0px white inset, 0px 817px 0 0px hotpink inset, 0px 840px 0 0px white inset, 0px 841px 0 0px hotpink inset, 0px 864px 0 0px white inset, 0px 865px 0 0px hotpink inset, 0px 888px 0 0px white inset, 0px 889px 0 0px hotpink inset, 0px 912px 0 0px white inset, 0px 913px 0 0px hotpink inset, 0px 936px 0 0px white inset, 0px 937px 0 0px hotpink inset, 0px 960px 0 0px white inset, 0px 961px 0 0px hotpink inset, 0px 984px 0 0px white inset, 0px 985px 0 0px hotpink inset, 0px 1008px 0 0px white inset, 0px 1009px 0 0px hotpink inset, 0px 1032px 0 0px white inset, 0px 1033px 0 0px hotpink inset, 0px 1056px 0 0px white inset, 0px 1057px 0 0px hotpink inset, 0px 1080px 0 0px white inset, 0px 1081px 0 0px hotpink inset, 0px 1104px 0 0px white inset, 0px 1105px 0 0px hotpink inset, 0px 1128px 0 0px white inset, 0px 1129px 0 0px hotpink inset, 0px 1152px 0 0px white inset, 0px 1153px 0 0px hotpink inset, 0px 1176px 0 0px white inset, 0px 1177px 0 0px hotpink inset, 0px 1200px 0 0px white inset, 0px 1201px 0 0px hotpink inset, 0px 1224px 0 0px white inset, 0px 1225px 0 0px hotpink inset, 0px 1248px 0 0px white inset, 0px 1249px 0 0px hotpink inset, 0px 1272px 0 0px white inset, 0px 1273px 0 0px hotpink inset, 0px 1296px 0 0px white inset, 0px 1297px 0 0px hotpink inset, 0px 1320px 0 0px white inset, 0px 1321px 0 0px hotpink inset, 0px 1344px 0 0px white inset, 0px 1345px 0 0px hotpink inset, 0px 1368px 0 0px white inset, 0px 1369px 0 0px hotpink inset, 0px 1392px 0 0px white inset, 0px 1393px 0 0px hotpink inset, 0px 1416px 0 0px white inset, 0px 1417px 0 0px hotpink inset, 0px 1440px 0 0px white inset, 0px 1441px 0 0px hotpink inset, 0px 1464px 0 0px white inset, 0px 1465px 0 0px hotpink inset, 0px 1488px 0 0px white inset, 0px 1489px 0 0px hotpink inset, 0px 1512px 0 0px white inset, 0px 1513px 0 0px hotpink inset, 0px 1536px 0 0px white inset, 0px 1537px 0 0px hotpink inset, 0px 1560px 0 0px white inset, 0px 1561px 0 0px hotpink inset, 0px 1584px 0 0px white inset, 0px 1585px 0 0px hotpink inset, 0px 1608px 0 0px white inset, 0px 1609px 0 0px hotpink inset, 0px 1632px 0 0px white inset, 0px 1633px 0 0px hotpink inset, 0px 1656px 0 0px white inset, 0px 1657px 0 0px hotpink inset, 0px 1680px 0 0px white inset, 0px 1681px 0 0px hotpink inset, 0px 1704px 0 0px white inset, 0px 1705px 0 0px hotpink inset, 0px 1728px 0 0px white inset, 0px 1729px 0 0px hotpink inset, 0px 1752px 0 0px white inset, 0px 1753px 0 0px hotpink inset, 0px 1776px 0 0px white inset, 0px 1777px 0 0px hotpink inset, 0px 1800px 0 0px white inset, 0px 1801px 0 0px hotpink inset, 0px 1824px 0 0px white inset, 0px 1825px 0 0px hotpink inset, 0px 1848px 0 0px white inset, 0px 1849px 0 0px hotpink inset, 0px 1872px 0 0px white inset, 0px 1873px 0 0px hotpink inset, 0px 1896px 0 0px white inset, 0px 1897px 0 0px hotpink inset, 0px 1920px 0 0px white inset, 0px 1921px 0 0px hotpink inset, 0px 1944px 0 0px white inset, 0px 1945px 0 0px hotpink inset, 0px 1968px 0 0px white inset, 0px 1969px 0 0px hotpink inset, 0px 1992px 0 0px white inset, 0px 1993px 0 0px hotpink inset, 0px 2016px 0 0px white inset, 0px 2017px 0 0px hotpink inset, 0px 2040px 0 0px white inset, 0px 2041px 0 0px hotpink inset, 0px 2064px 0 0px white inset, 0px 2065px 0 0px hotpink inset, 0px 2088px 0 0px white inset, 0px 2089px 0 0px hotpink inset, 0px 2112px 0 0px white inset, 0px 2113px 0 0px hotpink inset, 0px 2136px 0 0px white inset, 0px 2137px 0 0px hotpink inset, 0px 2160px 0 0px white inset, 0px 2161px 0 0px hotpink inset, 0px 2184px 0 0px white inset, 0px 2185px 0 0px hotpink inset, 0px 2208px 0 0px white inset, 0px 2209px 0 0px hotpink inset, 0px 2232px 0 0px white inset, 0px 2233px 0 0px hotpink inset, 0px 2256px 0 0px white inset, 0px 2257px 0 0px hotpink inset, 0px 2280px 0 0px white inset, 0px 2281px 0 0px hotpink inset, 0px 2304px 0 0px white inset, 0px 2305px 0 0px hotpink inset, 0px 2328px 0 0px white inset, 0px 2329px 0 0px hotpink inset, 0px 2352px 0 0px white inset, 0px 2353px 0 0px hotpink inset, 0px 2376px 0 0px white inset, 0px 2377px 0 0px hotpink inset, 0px 2400px 0 0px white inset, 0px 2401px 0 0px hotpink inset, 0px 2424px 0 0px white inset, 0px 2425px 0 0px hotpink inset, 0px 2448px 0 0px white inset, 0px 2449px 0 0px hotpink inset, 0px 2472px 0 0px white inset, 0px 2473px 0 0px hotpink inset, 0px 2496px 0 0px white inset, 0px 2497px 0 0px hotpink inset, 0px 2520px 0 0px white inset, 0px 2521px 0 0px hotpink inset, 0px 2544px 0 0px white inset, 0px 2545px 0 0px hotpink inset, 0px 2568px 0 0px white inset, 0px 2569px 0 0px hotpink inset, 0px 2592px 0 0px white inset, 0px 2593px 0 0px hotpink inset, 0px 2616px 0 0px white inset, 0px 2617px 0 0px hotpink inset, 0px 2640px 0 0px white inset, 0px 2641px 0 0px hotpink inset, 0px 2664px 0 0px white inset, 0px 2665px 0 0px hotpink inset, 0px 2688px 0 0px white inset, 0px 2689px 0 0px hotpink inset, 0px 2712px 0 0px white inset, 0px 2713px 0 0px hotpink inset, 0px 2736px 0 0px white inset, 0px 2737px 0 0px hotpink inset, 0px 2760px 0 0px white inset, 0px 2761px 0 0px hotpink inset, 0px 2784px 0 0px white inset, 0px 2785px 0 0px hotpink inset, 0px 2808px 0 0px white inset, 0px 2809px 0 0px hotpink inset, 0px 2832px 0 0px white inset, 0px 2833px 0 0px hotpink inset, 0px 2856px 0 0px white inset, 0px 2857px 0 0px hotpink inset, 0px 2880px 0 0px white inset, 0px 2881px 0 0px hotpink inset, 0px 2904px 0 0px white inset, 0px 2905px 0 0px hotpink inset, 0px 2928px 0 0px white inset, 0px 2929px 0 0px hotpink inset, 0px 2952px 0 0px white inset, 0px 2953px 0 0px hotpink inset, 0px 2976px 0 0px white inset, 0px 2977px 0 0px hotpink inset, 0px 3000px 0 0px white inset, 0px 3001px 0 0px hotpink inset, 0px 3024px 0 0px white inset, 0px 3025px 0 0px hotpink inset, 0px 3048px 0 0px white inset, 0px 3049px 0 0px hotpink inset, 0px 3072px 0 0px white inset, 0px 3073px 0 0px hotpink inset, 0px 3096px 0 0px white inset, 0px 3097px 0 0px hotpink inset, 0px 3120px 0 0px white inset, 0px 3121px 0 0px hotpink inset, 0px 3144px 0 0px white inset, 0px 3145px 0 0px hotpink inset, 0px 3168px 0 0px white inset, 0px 3169px 0 0px hotpink inset, 0px 3192px 0 0px white inset, 0px 3193px 0 0px hotpink inset, 0px 3216px 0 0px white inset, 0px 3217px 0 0px hotpink inset, 0px 3240px 0 0px white inset, 0px 3241px 0 0px hotpink inset, 0px 3264px 0 0px white inset, 0px 3265px 0 0px hotpink inset, 0px 3288px 0 0px white inset, 0px 3289px 0 0px hotpink inset, 0px 3312px 0 0px white inset, 0px 3313px 0 0px hotpink inset, 0px 3336px 0 0px white inset, 0px 3337px 0 0px hotpink inset, 0px 3360px 0 0px white inset, 0px 3361px 0 0px hotpink inset, 0px 3384px 0 0px white inset, 0px 3385px 0 0px hotpink inset, 0px 3408px 0 0px white inset, 0px 3409px 0 0px hotpink inset, 0px 3432px 0 0px white inset, 0px 3433px 0 0px hotpink inset, 0px 3456px 0 0px white inset, 0px 3457px 0 0px hotpink inset, 0px 3480px 0 0px white inset, 0px 3481px 0 0px hotpink inset, 0px 3504px 0 0px white inset, 0px 3505px 0 0px hotpink inset, 0px 3528px 0 0px white inset, 0px 3529px 0 0px hotpink inset, 0px 3552px 0 0px white inset, 0px 3553px 0 0px hotpink inset, 0px 3576px 0 0px white inset, 0px 3577px 0 0px hotpink inset, 0px 3600px 0 0px white inset, 0px 3601px 0 0px hotpink inset, 0px 3624px 0 0px white inset, 0px 3625px 0 0px hotpink inset, 0px 3648px 0 0px white inset, 0px 3649px 0 0px hotpink inset, 0px 3672px 0 0px white inset, 0px 3673px 0 0px hotpink inset, 0px 3696px 0 0px white inset, 0px 3697px 0 0px hotpink inset, 0px 3720px 0 0px white inset, 0px 3721px 0 0px hotpink inset, 0px 3744px 0 0px white inset, 0px 3745px 0 0px hotpink inset, 0px 3768px 0 0px white inset, 0px 3769px 0 0px hotpink inset, 0px 3792px 0 0px white inset, 0px 3793px 0 0px hotpink inset, 0px 3816px 0 0px white inset, 0px 3817px 0 0px hotpink inset, 0px 3840px 0 0px white inset, 0px 3841px 0 0px hotpink inset, 0px 3864px 0 0px white inset, 0px 3865px 0 0px hotpink inset, 0px 3888px 0 0px white inset, 0px 3889px 0 0px hotpink inset, 0px 3912px 0 0px white inset, 0px 3913px 0 0px hotpink inset, 0px 3936px 0 0px white inset, 0px 3937px 0 0px hotpink inset, 0px 3960px 0 0px white inset, 0px 3961px 0 0px hotpink inset, 0px 3984px 0 0px white inset, 0px 3985px 0 0px hotpink inset, 0px 4008px 0 0px white inset, 0px 4009px 0 0px hotpink inset, 0px 4032px 0 0px white inset, 0px 4033px 0 0px hotpink inset, 0px 4056px 0 0px white inset, 0px 4057px 0 0px hotpink inset, 0px 4080px 0 0px white inset, 0px 4081px 0 0px hotpink inset, 0px 4104px 0 0px white inset, 0px 4105px 0 0px hotpink inset, 0px 4128px 0 0px white inset, 0px 4129px 0 0px hotpink inset, 0px 4152px 0 0px white inset, 0px 4153px 0 0px hotpink inset, 0px 4176px 0 0px white inset, 0px 4177px 0 0px hotpink inset, 0px 4200px 0 0px white inset, 0px 4201px 0 0px hotpink inset, 0px 4224px 0 0px white inset, 0px 4225px 0 0px hotpink inset, 0px 4248px 0 0px white inset, 0px 4249px 0 0px hotpink inset, 0px 4272px 0 0px white inset, 0px 4273px 0 0px hotpink inset, 0px 4296px 0 0px white inset, 0px 4297px 0 0px hotpink inset, 0px 4320px 0 0px white inset, 0px 4321px 0 0px hotpink inset, 0px 4344px 0 0px white inset, 0px 4345px 0 0px hotpink inset, 0px 4368px 0 0px white inset, 0px 4369px 0 0px hotpink inset, 0px 4392px 0 0px white inset, 0px 4393px 0 0px hotpink inset, 0px 4416px 0 0px white inset, 0px 4417px 0 0px hotpink inset, 0px 4440px 0 0px white inset, 0px 4441px 0 0px hotpink inset, 0px 4464px 0 0px white inset, 0px 4465px 0 0px hotpink inset, 0px 4488px 0 0px white inset, 0px 4489px 0 0px hotpink inset, 0px 4512px 0 0px white inset, 0px 4513px 0 0px hotpink inset, 0px 4536px 0 0px white inset, 0px 4537px 0 0px hotpink inset, 0px 4560px 0 0px white inset, 0px 4561px 0 0px hotpink inset, 0px 4584px 0 0px white inset, 0px 4585px 0 0px hotpink inset, 0px 4608px 0 0px white inset, 0px 4609px 0 0px hotpink inset, 0px 4632px 0 0px white inset, 0px 4633px 0 0px hotpink inset, 0px 4656px 0 0px white inset, 0px 4657px 0 0px hotpink inset, 0px 4680px 0 0px white inset, 0px 4681px 0 0px hotpink inset, 0px 4704px 0 0px white inset, 0px 4705px 0 0px hotpink inset, 0px 4728px 0 0px white inset, 0px 4729px 0 0px hotpink inset, 0px 4752px 0 0px white inset, 0px 4753px 0 0px hotpink inset, 0px 4776px 0 0px white inset, 0px 4777px 0 0px hotpink inset, 0px 4800px 0 0px white inset, 0px 4801px 0 0px hotpink inset, 0px 4824px 0 0px white inset, 0px 4825px 0 0px hotpink inset, 0px 4848px 0 0px white inset, 0px 4849px 0 0px hotpink inset, 0px 4872px 0 0px white inset, 0px 4873px 0 0px hotpink inset, 0px 4896px 0 0px white inset, 0px 4897px 0 0px hotpink inset, 0px 4920px 0 0px white inset, 0px 4921px 0 0px hotpink inset, 0px 4944px 0 0px white inset, 0px 4945px 0 0px hotpink inset, 0px 4968px 0 0px white inset, 0px 4969px 0 0px hotpink inset, 0px 4992px 0 0px white inset, 0px 4993px 0 0px hotpink inset, 0px 5016px 0 0px white inset, 0px 5017px 0 0px hotpink inset, 0px 5040px 0 0px white inset, 0px 5041px 0 0px hotpink inset, 0px 5064px 0 0px white inset, 0px 5065px 0 0px hotpink inset, 0px 5088px 0 0px white inset, 0px 5089px 0 0px hotpink inset, 0px 5112px 0 0px white inset, 0px 5113px 0 0px hotpink inset, 0px 5136px 0 0px white inset, 0px 5137px 0 0px hotpink inset, 0px 5160px 0 0px white inset, 0px 5161px 0 0px hotpink inset, 0px 5184px 0 0px white inset, 0px 5185px 0 0px hotpink inset, 0px 5208px 0 0px white inset, 0px 5209px 0 0px hotpink inset, 0px 5232px 0 0px white inset, 0px 5233px 0 0px hotpink inset, 0px 5256px 0 0px white inset, 0px 5257px 0 0px hotpink inset, 0px 5280px 0 0px white inset, 0px 5281px 0 0px hotpink inset, 0px 5304px 0 0px white inset, 0px 5305px 0 0px hotpink inset, 0px 5328px 0 0px white inset, 0px 5329px 0 0px hotpink inset, 0px 5352px 0 0px white inset, 0px 5353px 0 0px hotpink inset, 0px 5376px 0 0px white inset, 0px 5377px 0 0px hotpink inset, 0px 5400px 0 0px white inset, 0px 5401px 0 0px hotpink inset, 0px 5424px 0 0px white inset, 0px 5425px 0 0px hotpink inset, 0px 5448px 0 0px white inset, 0px 5449px 0 0px hotpink inset, 0px 5472px 0 0px white inset, 0px 5473px 0 0px hotpink inset, 0px 5496px 0 0px white inset, 0px 5497px 0 0px hotpink inset, 0px 5520px 0 0px white inset, 0px 5521px 0 0px hotpink inset, 0px 5544px 0 0px white inset, 0px 5545px 0 0px hotpink inset, 0px 5568px 0 0px white inset, 0px 5569px 0 0px hotpink inset, 0px 5592px 0 0px white inset, 0px 5593px 0 0px hotpink inset, 0px 5616px 0 0px white inset, 0px 5617px 0 0px hotpink inset, 0px 5640px 0 0px white inset, 0px 5641px 0 0px hotpink inset, 0px 5664px 0 0px white inset, 0px 5665px 0 0px hotpink inset, 0px 5688px 0 0px white inset, 0px 5689px 0 0px hotpink inset, 0px 5712px 0 0px white inset, 0px 5713px 0 0px hotpink inset, 0px 5736px 0 0px white inset, 0px 5737px 0 0px hotpink inset, 0px 5760px 0 0px white inset, 0px 5761px 0 0px hotpink inset, 0px 5784px 0 0px white inset, 0px 5785px 0 0px hotpink inset, 0px 5808px 0 0px white inset, 0px 5809px 0 0px hotpink inset, 0px 5832px 0 0px white inset, 0px 5833px 0 0px hotpink inset, 0px 5856px 0 0px white inset, 0px 5857px 0 0px hotpink inset, 0px 5880px 0 0px white inset, 0px 5881px 0 0px hotpink inset, 0px 5904px 0 0px white inset, 0px 5905px 0 0px hotpink inset, 0px 5928px 0 0px white inset, 0px 5929px 0 0px hotpink inset, 0px 5952px 0 0px white inset, 0px 5953px 0 0px hotpink inset, 0px 5976px 0 0px white inset, 0px 5977px 0 0px hotpink inset, 0px 6000px 0 0px white inset, 0px 6001px 0 0px hotpink inset, 0px 6024px 0 0px white inset, 0px 6025px 0 0px hotpink inset, 0px 6048px 0 0px white inset, 0px 6049px 0 0px hotpink inset, 0px 6072px 0 0px white inset, 0px 6073px 0 0px hotpink inset, 0px 6096px 0 0px white inset, 0px 6097px 0 0px hotpink inset, 0px 6120px 0 0px white inset, 0px 6121px 0 0px hotpink inset, 0px 6144px 0 0px white inset, 0px 6145px 0 0px hotpink inset, 0px 6168px 0 0px white inset, 0px 6169px 0 0px hotpink inset, 0px 6192px 0 0px white inset, 0px 6193px 0 0px hotpink inset, 0px 6216px 0 0px white inset, 0px 6217px 0 0px hotpink inset, 0px 6240px 0 0px white inset, 0px 6241px 0 0px hotpink inset, 0px 6264px 0 0px white inset, 0px 6265px 0 0px hotpink inset, 0px 6288px 0 0px white inset, 0px 6289px 0 0px hotpink inset, 0px 6312px 0 0px white inset, 0px 6313px 0 0px hotpink inset, 0px 6336px 0 0px white inset, 0px 6337px 0 0px hotpink inset, 0px 6360px 0 0px white inset, 0px 6361px 0 0px hotpink inset, 0px 6384px 0 0px white inset, 0px 6385px 0 0px hotpink inset, 0px 6408px 0 0px white inset, 0px 6409px 0 0px hotpink inset, 0px 6432px 0 0px white inset, 0px 6433px 0 0px hotpink inset, 0px 6456px 0 0px white inset, 0px 6457px 0 0px hotpink inset, 0px 6480px 0 0px white inset, 0px 6481px 0 0px hotpink inset, 0px 6504px 0 0px white inset, 0px 6505px 0 0px hotpink inset, 0px 6528px 0 0px white inset, 0px 6529px 0 0px hotpink inset, 0px 6552px 0 0px white inset, 0px 6553px 0 0px hotpink inset, 0px 6576px 0 0px white inset, 0px 6577px 0 0px hotpink inset, 0px 6600px 0 0px white inset, 0px 6601px 0 0px hotpink inset, 0px 6624px 0 0px white inset, 0px 6625px 0 0px hotpink inset, 0px 6648px 0 0px white inset, 0px 6649px 0 0px hotpink inset, 0px 6672px 0 0px white inset, 0px 6673px 0 0px hotpink inset, 0px 6696px 0 0px white inset, 0px 6697px 0 0px hotpink inset, 0px 6720px 0 0px white inset, 0px 6721px 0 0px hotpink inset, 0px 6744px 0 0px white inset, 0px 6745px 0 0px hotpink inset, 0px 6768px 0 0px white inset, 0px 6769px 0 0px hotpink inset, 0px 6792px 0 0px white inset, 0px 6793px 0 0px hotpink inset, 0px 6816px 0 0px white inset, 0px 6817px 0 0px hotpink inset, 0px 6840px 0 0px white inset, 0px 6841px 0 0px hotpink inset, 0px 6864px 0 0px white inset, 0px 6865px 0 0px hotpink inset, 0px 6888px 0 0px white inset, 0px 6889px 0 0px hotpink inset, 0px 6912px 0 0px white inset, 0px 6913px 0 0px hotpink inset, 0px 6936px 0 0px white inset, 0px 6937px 0 0px hotpink inset, 0px 6960px 0 0px white inset, 0px 6961px 0 0px hotpink inset, 0px 6984px 0 0px white inset, 0px 6985px 0 0px hotpink inset, 0px 7008px 0 0px white inset, 0px 7009px 0 0px hotpink inset, 0px 7032px 0 0px white inset, 0px 7033px 0 0px hotpink inset, 0px 7056px 0 0px white inset, 0px 7057px 0 0px hotpink inset, 0px 7080px 0 0px white inset, 0px 7081px 0 0px hotpink inset, 0px 7104px 0 0px white inset, 0px 7105px 0 0px hotpink inset, 0px 7128px 0 0px white inset, 0px 7129px 0 0px hotpink inset, 0px 7152px 0 0px white inset, 0px 7153px 0 0px hotpink inset, 0px 7176px 0 0px white inset, 0px 7177px 0 0px hotpink inset, 0px 7200px 0 0px white inset, 0px 7201px 0 0px hotpink inset, 0px 7224px 0 0px white inset, 0px 7225px 0 0px hotpink inset, 0px 7248px 0 0px white inset, 0px 7249px 0 0px hotpink inset, 0px 7272px 0 0px white inset, 0px 7273px 0 0px hotpink inset, 0px 7296px 0 0px white inset, 0px 7297px 0 0px hotpink inset, 0px 7320px 0 0px white inset, 0px 7321px 0 0px hotpink inset, 0px 7344px 0 0px white inset, 0px 7345px 0 0px hotpink inset, 0px 7368px 0 0px white inset, 0px 7369px 0 0px hotpink inset, 0px 7392px 0 0px white inset, 0px 7393px 0 0px hotpink inset, 0px 7416px 0 0px white inset, 0px 7417px 0 0px hotpink inset, 0px 7440px 0 0px white inset, 0px 7441px 0 0px hotpink inset, 0px 7464px 0 0px white inset, 0px 7465px 0 0px hotpink inset, 0px 7488px 0 0px white inset, 0px 7489px 0 0px hotpink inset, 0px 7512px 0 0px white inset, 0px 7513px 0 0px hotpink inset, 0px 7536px 0 0px white inset, 0px 7537px 0 0px hotpink inset, 0px 7560px 0 0px white inset, 0px 7561px 0 0px hotpink inset, 0px 7584px 0 0px white inset, 0px 7585px 0 0px hotpink inset, 0px 7608px 0 0px white inset, 0px 7609px 0 0px hotpink inset, 0px 7632px 0 0px white inset, 0px 7633px 0 0px hotpink inset, 0px 7656px 0 0px white inset, 0px 7657px 0 0px hotpink inset, 0px 7680px 0 0px white inset, 0px 7681px 0 0px hotpink inset, 0px 7704px 0 0px white inset, 0px 7705px 0 0px hotpink inset, 0px 7728px 0 0px white inset, 0px 7729px 0 0px hotpink inset, 0px 7752px 0 0px white inset, 0px 7753px 0 0px hotpink inset, 0px 7776px 0 0px white inset, 0px 7777px 0 0px hotpink inset, 0px 7800px 0 0px white inset, 0px 7801px 0 0px hotpink inset, 0px 7824px 0 0px white inset, 0px 7825px 0 0px hotpink inset, 0px 7848px 0 0px white inset, 0px 7849px 0 0px hotpink inset, 0px 7872px 0 0px white inset, 0px 7873px 0 0px hotpink inset, 0px 7896px 0 0px white inset, 0px 7897px 0 0px hotpink inset, 0px 7920px 0 0px white inset, 0px 7921px 0 0px hotpink inset, 0px 7944px 0 0px white inset, 0px 7945px 0 0px hotpink inset, 0px 7968px 0 0px white inset, 0px 7969px 0 0px hotpink inset, 0px 7992px 0 0px white inset, 0px 7993px 0 0px hotpink inset, 0px 8016px 0 0px white inset, 0px 8017px 0 0px hotpink inset, 0px 8040px 0 0px white inset, 0px 8041px 0 0px hotpink inset, 0px 8064px 0 0px white inset, 0px 8065px 0 0px hotpink inset, 0px 8088px 0 0px white inset, 0px 8089px 0 0px hotpink inset, 0px 8112px 0 0px white inset, 0px 8113px 0 0px hotpink inset, 0px 8136px 0 0px white inset, 0px 8137px 0 0px hotpink inset, 0px 8160px 0 0px white inset, 0px 8161px 0 0px hotpink inset, 0px 8184px 0 0px white inset, 0px 8185px 0 0px hotpink inset, 0px 8208px 0 0px white inset, 0px 8209px 0 0px hotpink inset, 0px 8232px 0 0px white inset, 0px 8233px 0 0px hotpink inset, 0px 8256px 0 0px white inset, 0px 8257px 0 0px hotpink inset, 0px 8280px 0 0px white inset, 0px 8281px 0 0px hotpink inset, 0px 8304px 0 0px white inset, 0px 8305px 0 0px hotpink inset, 0px 8328px 0 0px white inset, 0px 8329px 0 0px hotpink inset, 0px 8352px 0 0px white inset, 0px 8353px 0 0px hotpink inset, 0px 8376px 0 0px white inset, 0px 8377px 0 0px hotpink inset, 0px 8400px 0 0px white inset, 0px 8401px 0 0px hotpink inset, 0px 8424px 0 0px white inset, 0px 8425px 0 0px hotpink inset, 0px 8448px 0 0px white inset, 0px 8449px 0 0px hotpink inset, 0px 8472px 0 0px white inset, 0px 8473px 0 0px hotpink inset, 0px 8496px 0 0px white inset, 0px 8497px 0 0px hotpink inset, 0px 8520px 0 0px white inset, 0px 8521px 0 0px hotpink inset, 0px 8544px 0 0px white inset, 0px 8545px 0 0px hotpink inset, 0px 8568px 0 0px white inset, 0px 8569px 0 0px hotpink inset, 0px 8592px 0 0px white inset, 0px 8593px 0 0px hotpink inset, 0px 8616px 0 0px white inset, 0px 8617px 0 0px hotpink inset, 0px 8640px 0 0px white inset, 0px 8641px 0 0px hotpink inset, 0px 8664px 0 0px white inset, 0px 8665px 0 0px hotpink inset, 0px 8688px 0 0px white inset, 0px 8689px 0 0px hotpink inset, 0px 8712px 0 0px white inset, 0px 8713px 0 0px hotpink inset, 0px 8736px 0 0px white inset, 0px 8737px 0 0px hotpink inset, 0px 8760px 0 0px white inset, 0px 8761px 0 0px hotpink inset, 0px 8784px 0 0px white inset, 0px 8785px 0 0px hotpink inset, 0px 8808px 0 0px white inset, 0px 8809px 0 0px hotpink inset, 0px 8832px 0 0px white inset, 0px 8833px 0 0px hotpink inset, 0px 8856px 0 0px white inset, 0px 8857px 0 0px hotpink inset, 0px 8880px 0 0px white inset, 0px 8881px 0 0px hotpink inset, 0px 8904px 0 0px white inset, 0px 8905px 0 0px hotpink inset, 0px 8928px 0 0px white inset, 0px 8929px 0 0px hotpink inset, 0px 8952px 0 0px white inset, 0px 8953px 0 0px hotpink inset, 0px 8976px 0 0px white inset, 0px 8977px 0 0px hotpink inset, 0px 9000px 0 0px white inset;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2.625em;
  line-height: 1.14286em;
  margin: 0 auto 0.57143em;
}

p {
  margin: 0 0 24px 0;
}

.content {
  height: 2000px;
  margin: 24px;
}

.sidebar {
  float: right;
  width: 300px;
  margin: 0 0 0 24px;
}

.block {
  font-size: 0.75em;
  line-height: 1.33333em;
  border-top-width: 0.625em;
  border-top-style: solid;
  padding-top: 0.375em;
  border-bottom-width: 0.625em;
  border-bottom-style: solid;
  padding-bottom: 0.375em;
}

SassMeister-rendered.html

<article class="content">
  <h1>Vertical rythm</h1>
  <aside class="sidebar">
    <div class="block">
      <p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this same humpbacked whale and the Greenland whale, each of these has baleen; but there again the similitude ceases. And it is just the same with the other parts above mentioned. In various sorts of whales, they form such irregular combinations; or, in the case of any one of them detached, such an irregular isolation; as utterly to defy all general methodization formed upon such a basis. On this rock every one of the whale-naturalists has split.</p>
    </div>
  </aside>  
  <p>In connection with this appellative of "Whalebone whales," it is of great importance to mention, that however such a nomenclature may be convenient in facilitating allusions to some kind of whales, yet it is in vain to attempt a clear classification of the Leviathan, founded upon either his baleen, or hump, or fin, or teeth; notwithstanding that those marked parts or features very obviously seem better adapted to afford the basis for a regular system of Cetology than any other detached bodily distinctions, which the whale, in his kinds, presents. How then? The baleen, hump, back-fin, and teeth; these are things whose peculiarities are indiscriminately dispersed among all sorts of whales, without any regard to what may be the nature of their structure in other and more essential particulars. Thus, the sperm whale and the humpbacked whale, each has a hump; but there the similitude ceases. Then, this same humpbacked whale and the Greenland whale, each of these has baleen; but there again the similitude ceases. And it is just the same with the other parts above mentioned. In various sorts of whales, they form such irregular combinations; or, in the case of any one of them detached, such an irregular isolation; as utterly to defy all general methodization formed upon such a basis. On this rock every one of the whale-naturalists has split. But it may possibly be conceived that, in the internal parts of the whale, in his anatomy&mdash;there, at least, we shall be able to hit the right classification. Nay; what thing, for example, is there in the Greenland whale's anatomy more striking than his baleen? Yet we have seen that by his baleen it is impossible correctly to classify the Greenland whale. And if you descend into the bowels of the various leviathans, why there you will not find distinctions a fiftieth part as available to the systematizer as those external ones already enumerated. What then remains? nothing but to take hold of the whales bodily, in their entire liberal volume, and boldly sort them that way. And this is the Bibliographical system here adopted; and it is the only one that can possibly succeed, for it alone is practicable. To proceed. BOOK I. (FOLIO) CHAPTER IV. (HUMP-BACK).&mdash;This whale is often</p>

</article>