Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="container">
  <div class="box"></div>
  Vertical rythm - 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
</div>

SassMeister-input.scss

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

// Vertical rythm grid mixin
// Still in experimental phase

$vertical-height: 32px; // Change me. :)

@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: $even;
      $px: $px + 1px;
    }
    @else {
      $color: $odd;
      $px: $px + $vertical-height - 1px;
    }
    $values: $values + unquote("0px #{$px} 0 0px #{$color} inset");
    @if $i != $total {
      $values: $values + unquote(', ');
    }
  }
  box-shadow: $values;
}

body {
  @include vertical-rythm($vertical-height);  
}

.container {
  
  position: relative;
  max-width: 100%;
  height: $vertical-height * 250;
  //background: rgba(0, 0, 0, 0.05);
  margin: 0 $vertical-height;
  padding: $vertical-height 20px;
  border: 1px dashed hotpink; // borders can scew vertical rythm!
  line-height: $vertical-height;
  .box {
    position: absolute;
    right: 0;
    top: 0;
    min-width: 200px;
    height: $vertical-height * 8;
    background: hotpink;
    opacity: 0.5;
  }
}

SassMeister-output.css

body {
  box-shadow: 0px 31px 0 0px white inset, 0px 32px 0 0px hotpink inset, 0px 63px 0 0px white inset, 0px 64px 0 0px hotpink inset, 0px 95px 0 0px white inset, 0px 96px 0 0px hotpink inset, 0px 127px 0 0px white inset, 0px 128px 0 0px hotpink inset, 0px 159px 0 0px white inset, 0px 160px 0 0px hotpink inset, 0px 191px 0 0px white inset, 0px 192px 0 0px hotpink inset, 0px 223px 0 0px white inset, 0px 224px 0 0px hotpink inset, 0px 255px 0 0px white inset, 0px 256px 0 0px hotpink inset, 0px 287px 0 0px white inset, 0px 288px 0 0px hotpink inset, 0px 319px 0 0px white inset, 0px 320px 0 0px hotpink inset, 0px 351px 0 0px white inset, 0px 352px 0 0px hotpink inset, 0px 383px 0 0px white inset, 0px 384px 0 0px hotpink inset, 0px 415px 0 0px white inset, 0px 416px 0 0px hotpink inset, 0px 447px 0 0px white inset, 0px 448px 0 0px hotpink inset, 0px 479px 0 0px white inset, 0px 480px 0 0px hotpink inset, 0px 511px 0 0px white inset, 0px 512px 0 0px hotpink inset, 0px 543px 0 0px white inset, 0px 544px 0 0px hotpink inset, 0px 575px 0 0px white inset, 0px 576px 0 0px hotpink inset, 0px 607px 0 0px white inset, 0px 608px 0 0px hotpink inset, 0px 639px 0 0px white inset, 0px 640px 0 0px hotpink inset, 0px 671px 0 0px white inset, 0px 672px 0 0px hotpink inset, 0px 703px 0 0px white inset, 0px 704px 0 0px hotpink inset, 0px 735px 0 0px white inset, 0px 736px 0 0px hotpink inset, 0px 767px 0 0px white inset, 0px 768px 0 0px hotpink inset, 0px 799px 0 0px white inset, 0px 800px 0 0px hotpink inset, 0px 831px 0 0px white inset, 0px 832px 0 0px hotpink inset, 0px 863px 0 0px white inset, 0px 864px 0 0px hotpink inset, 0px 895px 0 0px white inset, 0px 896px 0 0px hotpink inset, 0px 927px 0 0px white inset, 0px 928px 0 0px hotpink inset, 0px 959px 0 0px white inset, 0px 960px 0 0px hotpink inset, 0px 991px 0 0px white inset, 0px 992px 0 0px hotpink inset, 0px 1023px 0 0px white inset, 0px 1024px 0 0px hotpink inset, 0px 1055px 0 0px white inset, 0px 1056px 0 0px hotpink inset, 0px 1087px 0 0px white inset, 0px 1088px 0 0px hotpink inset, 0px 1119px 0 0px white inset, 0px 1120px 0 0px hotpink inset, 0px 1151px 0 0px white inset, 0px 1152px 0 0px hotpink inset, 0px 1183px 0 0px white inset, 0px 1184px 0 0px hotpink inset, 0px 1215px 0 0px white inset, 0px 1216px 0 0px hotpink inset, 0px 1247px 0 0px white inset, 0px 1248px 0 0px hotpink inset, 0px 1279px 0 0px white inset, 0px 1280px 0 0px hotpink inset, 0px 1311px 0 0px white inset, 0px 1312px 0 0px hotpink inset, 0px 1343px 0 0px white inset, 0px 1344px 0 0px hotpink inset, 0px 1375px 0 0px white inset, 0px 1376px 0 0px hotpink inset, 0px 1407px 0 0px white inset, 0px 1408px 0 0px hotpink inset, 0px 1439px 0 0px white inset, 0px 1440px 0 0px hotpink inset, 0px 1471px 0 0px white inset, 0px 1472px 0 0px hotpink inset, 0px 1503px 0 0px white inset, 0px 1504px 0 0px hotpink inset, 0px 1535px 0 0px white inset, 0px 1536px 0 0px hotpink inset, 0px 1567px 0 0px white inset, 0px 1568px 0 0px hotpink inset, 0px 1599px 0 0px white inset, 0px 1600px 0 0px hotpink inset, 0px 1631px 0 0px white inset, 0px 1632px 0 0px hotpink inset, 0px 1663px 0 0px white inset, 0px 1664px 0 0px hotpink inset, 0px 1695px 0 0px white inset, 0px 1696px 0 0px hotpink inset, 0px 1727px 0 0px white inset, 0px 1728px 0 0px hotpink inset, 0px 1759px 0 0px white inset, 0px 1760px 0 0px hotpink inset, 0px 1791px 0 0px white inset, 0px 1792px 0 0px hotpink inset, 0px 1823px 0 0px white inset, 0px 1824px 0 0px hotpink inset, 0px 1855px 0 0px white inset, 0px 1856px 0 0px hotpink inset, 0px 1887px 0 0px white inset, 0px 1888px 0 0px hotpink inset, 0px 1919px 0 0px white inset, 0px 1920px 0 0px hotpink inset, 0px 1951px 0 0px white inset, 0px 1952px 0 0px hotpink inset, 0px 1983px 0 0px white inset, 0px 1984px 0 0px hotpink inset, 0px 2015px 0 0px white inset, 0px 2016px 0 0px hotpink inset, 0px 2047px 0 0px white inset, 0px 2048px 0 0px hotpink inset, 0px 2079px 0 0px white inset, 0px 2080px 0 0px hotpink inset, 0px 2111px 0 0px white inset, 0px 2112px 0 0px hotpink inset, 0px 2143px 0 0px white inset, 0px 2144px 0 0px hotpink inset, 0px 2175px 0 0px white inset, 0px 2176px 0 0px hotpink inset, 0px 2207px 0 0px white inset, 0px 2208px 0 0px hotpink inset, 0px 2239px 0 0px white inset, 0px 2240px 0 0px hotpink inset, 0px 2271px 0 0px white inset, 0px 2272px 0 0px hotpink inset, 0px 2303px 0 0px white inset, 0px 2304px 0 0px hotpink inset, 0px 2335px 0 0px white inset, 0px 2336px 0 0px hotpink inset, 0px 2367px 0 0px white inset, 0px 2368px 0 0px hotpink inset, 0px 2399px 0 0px white inset, 0px 2400px 0 0px hotpink inset, 0px 2431px 0 0px white inset, 0px 2432px 0 0px hotpink inset, 0px 2463px 0 0px white inset, 0px 2464px 0 0px hotpink inset, 0px 2495px 0 0px white inset, 0px 2496px 0 0px hotpink inset, 0px 2527px 0 0px white inset, 0px 2528px 0 0px hotpink inset, 0px 2559px 0 0px white inset, 0px 2560px 0 0px hotpink inset, 0px 2591px 0 0px white inset, 0px 2592px 0 0px hotpink inset, 0px 2623px 0 0px white inset, 0px 2624px 0 0px hotpink inset, 0px 2655px 0 0px white inset, 0px 2656px 0 0px hotpink inset, 0px 2687px 0 0px white inset, 0px 2688px 0 0px hotpink inset, 0px 2719px 0 0px white inset, 0px 2720px 0 0px hotpink inset, 0px 2751px 0 0px white inset, 0px 2752px 0 0px hotpink inset, 0px 2783px 0 0px white inset, 0px 2784px 0 0px hotpink inset, 0px 2815px 0 0px white inset, 0px 2816px 0 0px hotpink inset, 0px 2847px 0 0px white inset, 0px 2848px 0 0px hotpink inset, 0px 2879px 0 0px white inset, 0px 2880px 0 0px hotpink inset, 0px 2911px 0 0px white inset, 0px 2912px 0 0px hotpink inset, 0px 2943px 0 0px white inset, 0px 2944px 0 0px hotpink inset, 0px 2975px 0 0px white inset, 0px 2976px 0 0px hotpink inset, 0px 3007px 0 0px white inset, 0px 3008px 0 0px hotpink inset, 0px 3039px 0 0px white inset, 0px 3040px 0 0px hotpink inset, 0px 3071px 0 0px white inset, 0px 3072px 0 0px hotpink inset, 0px 3103px 0 0px white inset, 0px 3104px 0 0px hotpink inset, 0px 3135px 0 0px white inset, 0px 3136px 0 0px hotpink inset, 0px 3167px 0 0px white inset, 0px 3168px 0 0px hotpink inset, 0px 3199px 0 0px white inset, 0px 3200px 0 0px hotpink inset, 0px 3231px 0 0px white inset, 0px 3232px 0 0px hotpink inset, 0px 3263px 0 0px white inset, 0px 3264px 0 0px hotpink inset, 0px 3295px 0 0px white inset, 0px 3296px 0 0px hotpink inset, 0px 3327px 0 0px white inset, 0px 3328px 0 0px hotpink inset, 0px 3359px 0 0px white inset, 0px 3360px 0 0px hotpink inset, 0px 3391px 0 0px white inset, 0px 3392px 0 0px hotpink inset, 0px 3423px 0 0px white inset, 0px 3424px 0 0px hotpink inset, 0px 3455px 0 0px white inset, 0px 3456px 0 0px hotpink inset, 0px 3487px 0 0px white inset, 0px 3488px 0 0px hotpink inset, 0px 3519px 0 0px white inset, 0px 3520px 0 0px hotpink inset, 0px 3551px 0 0px white inset, 0px 3552px 0 0px hotpink inset, 0px 3583px 0 0px white inset, 0px 3584px 0 0px hotpink inset, 0px 3615px 0 0px white inset, 0px 3616px 0 0px hotpink inset, 0px 3647px 0 0px white inset, 0px 3648px 0 0px hotpink inset, 0px 3679px 0 0px white inset, 0px 3680px 0 0px hotpink inset, 0px 3711px 0 0px white inset, 0px 3712px 0 0px hotpink inset, 0px 3743px 0 0px white inset, 0px 3744px 0 0px hotpink inset, 0px 3775px 0 0px white inset, 0px 3776px 0 0px hotpink inset, 0px 3807px 0 0px white inset, 0px 3808px 0 0px hotpink inset, 0px 3839px 0 0px white inset, 0px 3840px 0 0px hotpink inset, 0px 3871px 0 0px white inset, 0px 3872px 0 0px hotpink inset, 0px 3903px 0 0px white inset, 0px 3904px 0 0px hotpink inset, 0px 3935px 0 0px white inset, 0px 3936px 0 0px hotpink inset, 0px 3967px 0 0px white inset, 0px 3968px 0 0px hotpink inset, 0px 3999px 0 0px white inset, 0px 4000px 0 0px hotpink inset, 0px 4031px 0 0px white inset, 0px 4032px 0 0px hotpink inset, 0px 4063px 0 0px white inset, 0px 4064px 0 0px hotpink inset, 0px 4095px 0 0px white inset, 0px 4096px 0 0px hotpink inset, 0px 4127px 0 0px white inset, 0px 4128px 0 0px hotpink inset, 0px 4159px 0 0px white inset, 0px 4160px 0 0px hotpink inset, 0px 4191px 0 0px white inset, 0px 4192px 0 0px hotpink inset, 0px 4223px 0 0px white inset, 0px 4224px 0 0px hotpink inset, 0px 4255px 0 0px white inset, 0px 4256px 0 0px hotpink inset, 0px 4287px 0 0px white inset, 0px 4288px 0 0px hotpink inset, 0px 4319px 0 0px white inset, 0px 4320px 0 0px hotpink inset, 0px 4351px 0 0px white inset, 0px 4352px 0 0px hotpink inset, 0px 4383px 0 0px white inset, 0px 4384px 0 0px hotpink inset, 0px 4415px 0 0px white inset, 0px 4416px 0 0px hotpink inset, 0px 4447px 0 0px white inset, 0px 4448px 0 0px hotpink inset, 0px 4479px 0 0px white inset, 0px 4480px 0 0px hotpink inset, 0px 4511px 0 0px white inset, 0px 4512px 0 0px hotpink inset, 0px 4543px 0 0px white inset, 0px 4544px 0 0px hotpink inset, 0px 4575px 0 0px white inset, 0px 4576px 0 0px hotpink inset, 0px 4607px 0 0px white inset, 0px 4608px 0 0px hotpink inset, 0px 4639px 0 0px white inset, 0px 4640px 0 0px hotpink inset, 0px 4671px 0 0px white inset, 0px 4672px 0 0px hotpink inset, 0px 4703px 0 0px white inset, 0px 4704px 0 0px hotpink inset, 0px 4735px 0 0px white inset, 0px 4736px 0 0px hotpink inset, 0px 4767px 0 0px white inset, 0px 4768px 0 0px hotpink inset, 0px 4799px 0 0px white inset, 0px 4800px 0 0px hotpink inset, 0px 4831px 0 0px white inset, 0px 4832px 0 0px hotpink inset, 0px 4863px 0 0px white inset, 0px 4864px 0 0px hotpink inset, 0px 4895px 0 0px white inset, 0px 4896px 0 0px hotpink inset, 0px 4927px 0 0px white inset, 0px 4928px 0 0px hotpink inset, 0px 4959px 0 0px white inset, 0px 4960px 0 0px hotpink inset, 0px 4991px 0 0px white inset, 0px 4992px 0 0px hotpink inset, 0px 5023px 0 0px white inset, 0px 5024px 0 0px hotpink inset, 0px 5055px 0 0px white inset, 0px 5056px 0 0px hotpink inset, 0px 5087px 0 0px white inset, 0px 5088px 0 0px hotpink inset, 0px 5119px 0 0px white inset, 0px 5120px 0 0px hotpink inset, 0px 5151px 0 0px white inset, 0px 5152px 0 0px hotpink inset, 0px 5183px 0 0px white inset, 0px 5184px 0 0px hotpink inset, 0px 5215px 0 0px white inset, 0px 5216px 0 0px hotpink inset, 0px 5247px 0 0px white inset, 0px 5248px 0 0px hotpink inset, 0px 5279px 0 0px white inset, 0px 5280px 0 0px hotpink inset, 0px 5311px 0 0px white inset, 0px 5312px 0 0px hotpink inset, 0px 5343px 0 0px white inset, 0px 5344px 0 0px hotpink inset, 0px 5375px 0 0px white inset, 0px 5376px 0 0px hotpink inset, 0px 5407px 0 0px white inset, 0px 5408px 0 0px hotpink inset, 0px 5439px 0 0px white inset, 0px 5440px 0 0px hotpink inset, 0px 5471px 0 0px white inset, 0px 5472px 0 0px hotpink inset, 0px 5503px 0 0px white inset, 0px 5504px 0 0px hotpink inset, 0px 5535px 0 0px white inset, 0px 5536px 0 0px hotpink inset, 0px 5567px 0 0px white inset, 0px 5568px 0 0px hotpink inset, 0px 5599px 0 0px white inset, 0px 5600px 0 0px hotpink inset, 0px 5631px 0 0px white inset, 0px 5632px 0 0px hotpink inset, 0px 5663px 0 0px white inset, 0px 5664px 0 0px hotpink inset, 0px 5695px 0 0px white inset, 0px 5696px 0 0px hotpink inset, 0px 5727px 0 0px white inset, 0px 5728px 0 0px hotpink inset, 0px 5759px 0 0px white inset, 0px 5760px 0 0px hotpink inset, 0px 5791px 0 0px white inset, 0px 5792px 0 0px hotpink inset, 0px 5823px 0 0px white inset, 0px 5824px 0 0px hotpink inset, 0px 5855px 0 0px white inset, 0px 5856px 0 0px hotpink inset, 0px 5887px 0 0px white inset, 0px 5888px 0 0px hotpink inset, 0px 5919px 0 0px white inset, 0px 5920px 0 0px hotpink inset, 0px 5951px 0 0px white inset, 0px 5952px 0 0px hotpink inset, 0px 5983px 0 0px white inset, 0px 5984px 0 0px hotpink inset, 0px 6015px 0 0px white inset, 0px 6016px 0 0px hotpink inset, 0px 6047px 0 0px white inset, 0px 6048px 0 0px hotpink inset, 0px 6079px 0 0px white inset, 0px 6080px 0 0px hotpink inset, 0px 6111px 0 0px white inset, 0px 6112px 0 0px hotpink inset, 0px 6143px 0 0px white inset, 0px 6144px 0 0px hotpink inset, 0px 6175px 0 0px white inset, 0px 6176px 0 0px hotpink inset, 0px 6207px 0 0px white inset, 0px 6208px 0 0px hotpink inset, 0px 6239px 0 0px white inset, 0px 6240px 0 0px hotpink inset, 0px 6271px 0 0px white inset, 0px 6272px 0 0px hotpink inset, 0px 6303px 0 0px white inset, 0px 6304px 0 0px hotpink inset, 0px 6335px 0 0px white inset, 0px 6336px 0 0px hotpink inset, 0px 6367px 0 0px white inset, 0px 6368px 0 0px hotpink inset, 0px 6399px 0 0px white inset, 0px 6400px 0 0px hotpink inset, 0px 6431px 0 0px white inset, 0px 6432px 0 0px hotpink inset, 0px 6463px 0 0px white inset, 0px 6464px 0 0px hotpink inset, 0px 6495px 0 0px white inset, 0px 6496px 0 0px hotpink inset, 0px 6527px 0 0px white inset, 0px 6528px 0 0px hotpink inset, 0px 6559px 0 0px white inset, 0px 6560px 0 0px hotpink inset, 0px 6591px 0 0px white inset, 0px 6592px 0 0px hotpink inset, 0px 6623px 0 0px white inset, 0px 6624px 0 0px hotpink inset, 0px 6655px 0 0px white inset, 0px 6656px 0 0px hotpink inset, 0px 6687px 0 0px white inset, 0px 6688px 0 0px hotpink inset, 0px 6719px 0 0px white inset, 0px 6720px 0 0px hotpink inset, 0px 6751px 0 0px white inset, 0px 6752px 0 0px hotpink inset, 0px 6783px 0 0px white inset, 0px 6784px 0 0px hotpink inset, 0px 6815px 0 0px white inset, 0px 6816px 0 0px hotpink inset, 0px 6847px 0 0px white inset, 0px 6848px 0 0px hotpink inset, 0px 6879px 0 0px white inset, 0px 6880px 0 0px hotpink inset, 0px 6911px 0 0px white inset, 0px 6912px 0 0px hotpink inset, 0px 6943px 0 0px white inset, 0px 6944px 0 0px hotpink inset, 0px 6975px 0 0px white inset, 0px 6976px 0 0px hotpink inset, 0px 7007px 0 0px white inset, 0px 7008px 0 0px hotpink inset, 0px 7039px 0 0px white inset, 0px 7040px 0 0px hotpink inset, 0px 7071px 0 0px white inset, 0px 7072px 0 0px hotpink inset, 0px 7103px 0 0px white inset, 0px 7104px 0 0px hotpink inset, 0px 7135px 0 0px white inset, 0px 7136px 0 0px hotpink inset, 0px 7167px 0 0px white inset, 0px 7168px 0 0px hotpink inset, 0px 7199px 0 0px white inset, 0px 7200px 0 0px hotpink inset, 0px 7231px 0 0px white inset, 0px 7232px 0 0px hotpink inset, 0px 7263px 0 0px white inset, 0px 7264px 0 0px hotpink inset, 0px 7295px 0 0px white inset, 0px 7296px 0 0px hotpink inset, 0px 7327px 0 0px white inset, 0px 7328px 0 0px hotpink inset, 0px 7359px 0 0px white inset, 0px 7360px 0 0px hotpink inset, 0px 7391px 0 0px white inset, 0px 7392px 0 0px hotpink inset, 0px 7423px 0 0px white inset, 0px 7424px 0 0px hotpink inset, 0px 7455px 0 0px white inset, 0px 7456px 0 0px hotpink inset, 0px 7487px 0 0px white inset, 0px 7488px 0 0px hotpink inset, 0px 7519px 0 0px white inset, 0px 7520px 0 0px hotpink inset, 0px 7551px 0 0px white inset, 0px 7552px 0 0px hotpink inset, 0px 7583px 0 0px white inset, 0px 7584px 0 0px hotpink inset, 0px 7615px 0 0px white inset, 0px 7616px 0 0px hotpink inset, 0px 7647px 0 0px white inset, 0px 7648px 0 0px hotpink inset, 0px 7679px 0 0px white inset, 0px 7680px 0 0px hotpink inset, 0px 7711px 0 0px white inset, 0px 7712px 0 0px hotpink inset, 0px 7743px 0 0px white inset, 0px 7744px 0 0px hotpink inset, 0px 7775px 0 0px white inset, 0px 7776px 0 0px hotpink inset, 0px 7807px 0 0px white inset, 0px 7808px 0 0px hotpink inset, 0px 7839px 0 0px white inset, 0px 7840px 0 0px hotpink inset, 0px 7871px 0 0px white inset, 0px 7872px 0 0px hotpink inset, 0px 7903px 0 0px white inset, 0px 7904px 0 0px hotpink inset, 0px 7935px 0 0px white inset, 0px 7936px 0 0px hotpink inset, 0px 7967px 0 0px white inset, 0px 7968px 0 0px hotpink inset, 0px 7999px 0 0px white inset, 0px 8000px 0 0px hotpink inset, 0px 8031px 0 0px white inset, 0px 8032px 0 0px hotpink inset, 0px 8063px 0 0px white inset, 0px 8064px 0 0px hotpink inset, 0px 8095px 0 0px white inset, 0px 8096px 0 0px hotpink inset, 0px 8127px 0 0px white inset, 0px 8128px 0 0px hotpink inset, 0px 8159px 0 0px white inset, 0px 8160px 0 0px hotpink inset, 0px 8191px 0 0px white inset, 0px 8192px 0 0px hotpink inset, 0px 8223px 0 0px white inset, 0px 8224px 0 0px hotpink inset, 0px 8255px 0 0px white inset, 0px 8256px 0 0px hotpink inset, 0px 8287px 0 0px white inset, 0px 8288px 0 0px hotpink inset, 0px 8319px 0 0px white inset, 0px 8320px 0 0px hotpink inset, 0px 8351px 0 0px white inset, 0px 8352px 0 0px hotpink inset, 0px 8383px 0 0px white inset, 0px 8384px 0 0px hotpink inset, 0px 8415px 0 0px white inset, 0px 8416px 0 0px hotpink inset, 0px 8447px 0 0px white inset, 0px 8448px 0 0px hotpink inset, 0px 8479px 0 0px white inset, 0px 8480px 0 0px hotpink inset, 0px 8511px 0 0px white inset, 0px 8512px 0 0px hotpink inset, 0px 8543px 0 0px white inset, 0px 8544px 0 0px hotpink inset, 0px 8575px 0 0px white inset, 0px 8576px 0 0px hotpink inset, 0px 8607px 0 0px white inset, 0px 8608px 0 0px hotpink inset, 0px 8639px 0 0px white inset, 0px 8640px 0 0px hotpink inset, 0px 8671px 0 0px white inset, 0px 8672px 0 0px hotpink inset, 0px 8703px 0 0px white inset, 0px 8704px 0 0px hotpink inset, 0px 8735px 0 0px white inset, 0px 8736px 0 0px hotpink inset, 0px 8767px 0 0px white inset, 0px 8768px 0 0px hotpink inset, 0px 8799px 0 0px white inset, 0px 8800px 0 0px hotpink inset, 0px 8831px 0 0px white inset, 0px 8832px 0 0px hotpink inset, 0px 8863px 0 0px white inset, 0px 8864px 0 0px hotpink inset, 0px 8895px 0 0px white inset, 0px 8896px 0 0px hotpink inset, 0px 8927px 0 0px white inset, 0px 8928px 0 0px hotpink inset, 0px 8959px 0 0px white inset, 0px 8960px 0 0px hotpink inset, 0px 8991px 0 0px white inset, 0px 8992px 0 0px hotpink inset, 0px 9023px 0 0px white inset, 0px 9024px 0 0px hotpink inset, 0px 9055px 0 0px white inset, 0px 9056px 0 0px hotpink inset, 0px 9087px 0 0px white inset, 0px 9088px 0 0px hotpink inset, 0px 9119px 0 0px white inset, 0px 9120px 0 0px hotpink inset, 0px 9151px 0 0px white inset, 0px 9152px 0 0px hotpink inset, 0px 9183px 0 0px white inset, 0px 9184px 0 0px hotpink inset, 0px 9215px 0 0px white inset, 0px 9216px 0 0px hotpink inset, 0px 9247px 0 0px white inset, 0px 9248px 0 0px hotpink inset, 0px 9279px 0 0px white inset, 0px 9280px 0 0px hotpink inset, 0px 9311px 0 0px white inset, 0px 9312px 0 0px hotpink inset, 0px 9343px 0 0px white inset, 0px 9344px 0 0px hotpink inset, 0px 9375px 0 0px white inset, 0px 9376px 0 0px hotpink inset, 0px 9407px 0 0px white inset, 0px 9408px 0 0px hotpink inset, 0px 9439px 0 0px white inset, 0px 9440px 0 0px hotpink inset, 0px 9471px 0 0px white inset, 0px 9472px 0 0px hotpink inset, 0px 9503px 0 0px white inset, 0px 9504px 0 0px hotpink inset, 0px 9535px 0 0px white inset, 0px 9536px 0 0px hotpink inset, 0px 9567px 0 0px white inset, 0px 9568px 0 0px hotpink inset, 0px 9599px 0 0px white inset, 0px 9600px 0 0px hotpink inset, 0px 9631px 0 0px white inset, 0px 9632px 0 0px hotpink inset, 0px 9663px 0 0px white inset, 0px 9664px 0 0px hotpink inset, 0px 9695px 0 0px white inset, 0px 9696px 0 0px hotpink inset, 0px 9727px 0 0px white inset, 0px 9728px 0 0px hotpink inset, 0px 9759px 0 0px white inset, 0px 9760px 0 0px hotpink inset, 0px 9791px 0 0px white inset, 0px 9792px 0 0px hotpink inset, 0px 9823px 0 0px white inset, 0px 9824px 0 0px hotpink inset, 0px 9855px 0 0px white inset, 0px 9856px 0 0px hotpink inset, 0px 9887px 0 0px white inset, 0px 9888px 0 0px hotpink inset, 0px 9919px 0 0px white inset, 0px 9920px 0 0px hotpink inset, 0px 9951px 0 0px white inset, 0px 9952px 0 0px hotpink inset, 0px 9983px 0 0px white inset, 0px 9984px 0 0px hotpink inset, 0px 10015px 0 0px white inset, 0px 10016px 0 0px hotpink inset, 0px 10047px 0 0px white inset, 0px 10048px 0 0px hotpink inset, 0px 10079px 0 0px white inset, 0px 10080px 0 0px hotpink inset, 0px 10111px 0 0px white inset, 0px 10112px 0 0px hotpink inset, 0px 10143px 0 0px white inset, 0px 10144px 0 0px hotpink inset, 0px 10175px 0 0px white inset, 0px 10176px 0 0px hotpink inset, 0px 10207px 0 0px white inset, 0px 10208px 0 0px hotpink inset, 0px 10239px 0 0px white inset, 0px 10240px 0 0px hotpink inset, 0px 10271px 0 0px white inset, 0px 10272px 0 0px hotpink inset, 0px 10303px 0 0px white inset, 0px 10304px 0 0px hotpink inset, 0px 10335px 0 0px white inset, 0px 10336px 0 0px hotpink inset, 0px 10367px 0 0px white inset, 0px 10368px 0 0px hotpink inset, 0px 10399px 0 0px white inset, 0px 10400px 0 0px hotpink inset, 0px 10431px 0 0px white inset, 0px 10432px 0 0px hotpink inset, 0px 10463px 0 0px white inset, 0px 10464px 0 0px hotpink inset, 0px 10495px 0 0px white inset, 0px 10496px 0 0px hotpink inset, 0px 10527px 0 0px white inset, 0px 10528px 0 0px hotpink inset, 0px 10559px 0 0px white inset, 0px 10560px 0 0px hotpink inset, 0px 10591px 0 0px white inset, 0px 10592px 0 0px hotpink inset, 0px 10623px 0 0px white inset, 0px 10624px 0 0px hotpink inset, 0px 10655px 0 0px white inset, 0px 10656px 0 0px hotpink inset, 0px 10687px 0 0px white inset, 0px 10688px 0 0px hotpink inset, 0px 10719px 0 0px white inset, 0px 10720px 0 0px hotpink inset, 0px 10751px 0 0px white inset, 0px 10752px 0 0px hotpink inset, 0px 10783px 0 0px white inset, 0px 10784px 0 0px hotpink inset, 0px 10815px 0 0px white inset, 0px 10816px 0 0px hotpink inset, 0px 10847px 0 0px white inset, 0px 10848px 0 0px hotpink inset, 0px 10879px 0 0px white inset, 0px 10880px 0 0px hotpink inset, 0px 10911px 0 0px white inset, 0px 10912px 0 0px hotpink inset, 0px 10943px 0 0px white inset, 0px 10944px 0 0px hotpink inset, 0px 10975px 0 0px white inset, 0px 10976px 0 0px hotpink inset, 0px 11007px 0 0px white inset, 0px 11008px 0 0px hotpink inset, 0px 11039px 0 0px white inset, 0px 11040px 0 0px hotpink inset, 0px 11071px 0 0px white inset, 0px 11072px 0 0px hotpink inset, 0px 11103px 0 0px white inset, 0px 11104px 0 0px hotpink inset, 0px 11135px 0 0px white inset, 0px 11136px 0 0px hotpink inset, 0px 11167px 0 0px white inset, 0px 11168px 0 0px hotpink inset, 0px 11199px 0 0px white inset, 0px 11200px 0 0px hotpink inset, 0px 11231px 0 0px white inset, 0px 11232px 0 0px hotpink inset, 0px 11263px 0 0px white inset, 0px 11264px 0 0px hotpink inset, 0px 11295px 0 0px white inset, 0px 11296px 0 0px hotpink inset, 0px 11327px 0 0px white inset, 0px 11328px 0 0px hotpink inset, 0px 11359px 0 0px white inset, 0px 11360px 0 0px hotpink inset, 0px 11391px 0 0px white inset, 0px 11392px 0 0px hotpink inset, 0px 11423px 0 0px white inset, 0px 11424px 0 0px hotpink inset, 0px 11455px 0 0px white inset, 0px 11456px 0 0px hotpink inset, 0px 11487px 0 0px white inset, 0px 11488px 0 0px hotpink inset, 0px 11519px 0 0px white inset, 0px 11520px 0 0px hotpink inset, 0px 11551px 0 0px white inset, 0px 11552px 0 0px hotpink inset, 0px 11583px 0 0px white inset, 0px 11584px 0 0px hotpink inset, 0px 11615px 0 0px white inset, 0px 11616px 0 0px hotpink inset, 0px 11647px 0 0px white inset, 0px 11648px 0 0px hotpink inset, 0px 11679px 0 0px white inset, 0px 11680px 0 0px hotpink inset, 0px 11711px 0 0px white inset, 0px 11712px 0 0px hotpink inset, 0px 11743px 0 0px white inset, 0px 11744px 0 0px hotpink inset, 0px 11775px 0 0px white inset, 0px 11776px 0 0px hotpink inset, 0px 11807px 0 0px white inset, 0px 11808px 0 0px hotpink inset, 0px 11839px 0 0px white inset, 0px 11840px 0 0px hotpink inset, 0px 11871px 0 0px white inset, 0px 11872px 0 0px hotpink inset, 0px 11903px 0 0px white inset, 0px 11904px 0 0px hotpink inset, 0px 11935px 0 0px white inset, 0px 11936px 0 0px hotpink inset, 0px 11967px 0 0px white inset, 0px 11968px 0 0px hotpink inset, 0px 11999px 0 0px white inset, 0px 12000px 0 0px hotpink inset;
}

.container {
  position: relative;
  max-width: 100%;
  height: 8000px;
  margin: 0 32px;
  padding: 32px 20px;
  border: 1px dashed hotpink;
  line-height: 32px;
}
.container .box {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 200px;
  height: 256px;
  background: hotpink;
  opacity: 0.5;
}

SassMeister-rendered.html

<div class="container">
  <div class="box"></div>
  Vertical rythm - 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
</div>