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.</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.</p>
</article>

SassMeister-input.scss

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

// Attempting to use a 6px base line height based on:
// http://atendesigngroup.com/blog/vertical-rhythm-compass

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

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

html {
  @include adjust-leading-to(4);
}

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

h1 {
  @include adjust-font-size-to(42px);
  @include rhythm(2, 0, 0, 2, 42px);
  // margin: 0 auto rhythm(3, 42px);
}

p {
  @include rhythm(1);
}

.content {
  height: 2000px;
  margin: 0 $base-line-height * 4;
  @include adjust-leading-to(4);
}

.sidebar {
  float: right;
  width: 300px;
}

.block {
  @include adjust-font-size-to(12px, 2/3);
  // @include leading-border(1px, 2/3);
  // @include trailing-border(1px, 1/3);
  @include rhythm-borders(1px, 2/3);
  @include adjust-leading-to(4);
  
  padding: 0 $base-line-height * 4;
}

SassMeister-output.css

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

html {
  line-height: 1.5em;
}

body {
  box-shadow: 0px 1px 0 0px hotpink inset, 0px 6px 0 0px white inset, 0px 7px 0 0px #eeeeee inset, 0px 12px 0 0px white inset, 0px 13px 0 0px #eeeeee inset, 0px 18px 0 0px white inset, 0px 19px 0 0px #eeeeee inset, 0px 24px 0 0px white inset, 0px 25px 0 0px hotpink inset, 0px 30px 0 0px white inset, 0px 31px 0 0px #eeeeee inset, 0px 36px 0 0px white inset, 0px 37px 0 0px #eeeeee inset, 0px 42px 0 0px white inset, 0px 43px 0 0px #eeeeee inset, 0px 48px 0 0px white inset, 0px 49px 0 0px hotpink inset, 0px 54px 0 0px white inset, 0px 55px 0 0px #eeeeee inset, 0px 60px 0 0px white inset, 0px 61px 0 0px #eeeeee inset, 0px 66px 0 0px white inset, 0px 67px 0 0px #eeeeee inset, 0px 72px 0 0px white inset, 0px 73px 0 0px hotpink inset, 0px 78px 0 0px white inset, 0px 79px 0 0px #eeeeee inset, 0px 84px 0 0px white inset, 0px 85px 0 0px #eeeeee inset, 0px 90px 0 0px white inset, 0px 91px 0 0px #eeeeee inset, 0px 96px 0 0px white inset, 0px 97px 0 0px hotpink inset, 0px 102px 0 0px white inset, 0px 103px 0 0px #eeeeee inset, 0px 108px 0 0px white inset, 0px 109px 0 0px #eeeeee inset, 0px 114px 0 0px white inset, 0px 115px 0 0px #eeeeee inset, 0px 120px 0 0px white inset, 0px 121px 0 0px hotpink inset, 0px 126px 0 0px white inset, 0px 127px 0 0px #eeeeee inset, 0px 132px 0 0px white inset, 0px 133px 0 0px #eeeeee inset, 0px 138px 0 0px white inset, 0px 139px 0 0px #eeeeee inset, 0px 144px 0 0px white inset, 0px 145px 0 0px hotpink inset, 0px 150px 0 0px white inset, 0px 151px 0 0px #eeeeee inset, 0px 156px 0 0px white inset, 0px 157px 0 0px #eeeeee inset, 0px 162px 0 0px white inset, 0px 163px 0 0px #eeeeee inset, 0px 168px 0 0px white inset, 0px 169px 0 0px hotpink inset, 0px 174px 0 0px white inset, 0px 175px 0 0px #eeeeee inset, 0px 180px 0 0px white inset, 0px 181px 0 0px #eeeeee inset, 0px 186px 0 0px white inset, 0px 187px 0 0px #eeeeee inset, 0px 192px 0 0px white inset, 0px 193px 0 0px hotpink inset, 0px 198px 0 0px white inset, 0px 199px 0 0px #eeeeee inset, 0px 204px 0 0px white inset, 0px 205px 0 0px #eeeeee inset, 0px 210px 0 0px white inset, 0px 211px 0 0px #eeeeee inset, 0px 216px 0 0px white inset, 0px 217px 0 0px hotpink inset, 0px 222px 0 0px white inset, 0px 223px 0 0px #eeeeee inset, 0px 228px 0 0px white inset, 0px 229px 0 0px #eeeeee inset, 0px 234px 0 0px white inset, 0px 235px 0 0px #eeeeee inset, 0px 240px 0 0px white inset, 0px 241px 0 0px hotpink inset, 0px 246px 0 0px white inset, 0px 247px 0 0px #eeeeee inset, 0px 252px 0 0px white inset, 0px 253px 0 0px #eeeeee inset, 0px 258px 0 0px white inset, 0px 259px 0 0px #eeeeee inset, 0px 264px 0 0px white inset, 0px 265px 0 0px hotpink inset, 0px 270px 0 0px white inset, 0px 271px 0 0px #eeeeee inset, 0px 276px 0 0px white inset, 0px 277px 0 0px #eeeeee inset, 0px 282px 0 0px white inset, 0px 283px 0 0px #eeeeee inset, 0px 288px 0 0px white inset, 0px 289px 0 0px hotpink inset, 0px 294px 0 0px white inset, 0px 295px 0 0px #eeeeee inset, 0px 300px 0 0px white inset, 0px 301px 0 0px #eeeeee inset, 0px 306px 0 0px white inset, 0px 307px 0 0px #eeeeee inset, 0px 312px 0 0px white inset, 0px 313px 0 0px hotpink inset, 0px 318px 0 0px white inset, 0px 319px 0 0px #eeeeee inset, 0px 324px 0 0px white inset, 0px 325px 0 0px #eeeeee inset, 0px 330px 0 0px white inset, 0px 331px 0 0px #eeeeee inset, 0px 336px 0 0px white inset, 0px 337px 0 0px hotpink inset, 0px 342px 0 0px white inset, 0px 343px 0 0px #eeeeee inset, 0px 348px 0 0px white inset, 0px 349px 0 0px #eeeeee inset, 0px 354px 0 0px white inset, 0px 355px 0 0px #eeeeee inset, 0px 360px 0 0px white inset, 0px 361px 0 0px hotpink inset, 0px 366px 0 0px white inset, 0px 367px 0 0px #eeeeee inset, 0px 372px 0 0px white inset, 0px 373px 0 0px #eeeeee inset, 0px 378px 0 0px white inset, 0px 379px 0 0px #eeeeee inset, 0px 384px 0 0px white inset, 0px 385px 0 0px hotpink inset, 0px 390px 0 0px white inset, 0px 391px 0 0px #eeeeee inset, 0px 396px 0 0px white inset, 0px 397px 0 0px #eeeeee inset, 0px 402px 0 0px white inset, 0px 403px 0 0px #eeeeee inset, 0px 408px 0 0px white inset, 0px 409px 0 0px hotpink inset, 0px 414px 0 0px white inset, 0px 415px 0 0px #eeeeee inset, 0px 420px 0 0px white inset, 0px 421px 0 0px #eeeeee inset, 0px 426px 0 0px white inset, 0px 427px 0 0px #eeeeee inset, 0px 432px 0 0px white inset, 0px 433px 0 0px hotpink inset, 0px 438px 0 0px white inset, 0px 439px 0 0px #eeeeee inset, 0px 444px 0 0px white inset, 0px 445px 0 0px #eeeeee inset, 0px 450px 0 0px white inset, 0px 451px 0 0px #eeeeee inset, 0px 456px 0 0px white inset, 0px 457px 0 0px hotpink inset, 0px 462px 0 0px white inset, 0px 463px 0 0px #eeeeee inset, 0px 468px 0 0px white inset, 0px 469px 0 0px #eeeeee inset, 0px 474px 0 0px white inset, 0px 475px 0 0px #eeeeee inset, 0px 480px 0 0px white inset, 0px 481px 0 0px hotpink inset, 0px 486px 0 0px white inset, 0px 487px 0 0px #eeeeee inset, 0px 492px 0 0px white inset, 0px 493px 0 0px #eeeeee inset, 0px 498px 0 0px white inset, 0px 499px 0 0px #eeeeee inset, 0px 504px 0 0px white inset, 0px 505px 0 0px hotpink inset, 0px 510px 0 0px white inset, 0px 511px 0 0px #eeeeee inset, 0px 516px 0 0px white inset, 0px 517px 0 0px #eeeeee inset, 0px 522px 0 0px white inset, 0px 523px 0 0px #eeeeee inset, 0px 528px 0 0px white inset, 0px 529px 0 0px hotpink inset, 0px 534px 0 0px white inset, 0px 535px 0 0px #eeeeee inset, 0px 540px 0 0px white inset, 0px 541px 0 0px #eeeeee inset, 0px 546px 0 0px white inset, 0px 547px 0 0px #eeeeee inset, 0px 552px 0 0px white inset, 0px 553px 0 0px hotpink inset, 0px 558px 0 0px white inset, 0px 559px 0 0px #eeeeee inset, 0px 564px 0 0px white inset, 0px 565px 0 0px #eeeeee inset, 0px 570px 0 0px white inset, 0px 571px 0 0px #eeeeee inset, 0px 576px 0 0px white inset, 0px 577px 0 0px hotpink inset, 0px 582px 0 0px white inset, 0px 583px 0 0px #eeeeee inset, 0px 588px 0 0px white inset, 0px 589px 0 0px #eeeeee inset, 0px 594px 0 0px white inset, 0px 595px 0 0px #eeeeee inset, 0px 600px 0 0px white inset, 0px 601px 0 0px hotpink inset, 0px 606px 0 0px white inset, 0px 607px 0 0px #eeeeee inset, 0px 612px 0 0px white inset, 0px 613px 0 0px #eeeeee inset, 0px 618px 0 0px white inset, 0px 619px 0 0px #eeeeee inset, 0px 624px 0 0px white inset, 0px 625px 0 0px hotpink inset, 0px 630px 0 0px white inset, 0px 631px 0 0px #eeeeee inset, 0px 636px 0 0px white inset, 0px 637px 0 0px #eeeeee inset, 0px 642px 0 0px white inset, 0px 643px 0 0px #eeeeee inset, 0px 648px 0 0px white inset, 0px 649px 0 0px hotpink inset, 0px 654px 0 0px white inset, 0px 655px 0 0px #eeeeee inset, 0px 660px 0 0px white inset, 0px 661px 0 0px #eeeeee inset, 0px 666px 0 0px white inset, 0px 667px 0 0px #eeeeee inset, 0px 672px 0 0px white inset, 0px 673px 0 0px hotpink inset, 0px 678px 0 0px white inset, 0px 679px 0 0px #eeeeee inset, 0px 684px 0 0px white inset, 0px 685px 0 0px #eeeeee inset, 0px 690px 0 0px white inset, 0px 691px 0 0px #eeeeee inset, 0px 696px 0 0px white inset, 0px 697px 0 0px hotpink inset, 0px 702px 0 0px white inset, 0px 703px 0 0px #eeeeee inset, 0px 708px 0 0px white inset, 0px 709px 0 0px #eeeeee inset, 0px 714px 0 0px white inset, 0px 715px 0 0px #eeeeee inset, 0px 720px 0 0px white inset, 0px 721px 0 0px hotpink inset, 0px 726px 0 0px white inset, 0px 727px 0 0px #eeeeee inset, 0px 732px 0 0px white inset, 0px 733px 0 0px #eeeeee inset, 0px 738px 0 0px white inset, 0px 739px 0 0px #eeeeee inset, 0px 744px 0 0px white inset, 0px 745px 0 0px hotpink inset, 0px 750px 0 0px white inset, 0px 751px 0 0px #eeeeee inset, 0px 756px 0 0px white inset, 0px 757px 0 0px #eeeeee inset, 0px 762px 0 0px white inset, 0px 763px 0 0px #eeeeee inset, 0px 768px 0 0px white inset, 0px 769px 0 0px hotpink inset, 0px 774px 0 0px white inset, 0px 775px 0 0px #eeeeee inset, 0px 780px 0 0px white inset, 0px 781px 0 0px #eeeeee inset, 0px 786px 0 0px white inset, 0px 787px 0 0px #eeeeee inset, 0px 792px 0 0px white inset, 0px 793px 0 0px hotpink inset, 0px 798px 0 0px white inset, 0px 799px 0 0px #eeeeee inset, 0px 804px 0 0px white inset, 0px 805px 0 0px #eeeeee inset, 0px 810px 0 0px white inset, 0px 811px 0 0px #eeeeee inset, 0px 816px 0 0px white inset, 0px 817px 0 0px hotpink inset, 0px 822px 0 0px white inset, 0px 823px 0 0px #eeeeee inset, 0px 828px 0 0px white inset, 0px 829px 0 0px #eeeeee inset, 0px 834px 0 0px white inset, 0px 835px 0 0px #eeeeee inset, 0px 840px 0 0px white inset, 0px 841px 0 0px hotpink inset, 0px 846px 0 0px white inset, 0px 847px 0 0px #eeeeee inset, 0px 852px 0 0px white inset, 0px 853px 0 0px #eeeeee inset, 0px 858px 0 0px white inset, 0px 859px 0 0px #eeeeee inset, 0px 864px 0 0px white inset, 0px 865px 0 0px hotpink inset, 0px 870px 0 0px white inset, 0px 871px 0 0px #eeeeee inset, 0px 876px 0 0px white inset, 0px 877px 0 0px #eeeeee inset, 0px 882px 0 0px white inset, 0px 883px 0 0px #eeeeee inset, 0px 888px 0 0px white inset, 0px 889px 0 0px hotpink inset, 0px 894px 0 0px white inset, 0px 895px 0 0px #eeeeee inset, 0px 900px 0 0px white inset, 0px 901px 0 0px #eeeeee inset, 0px 906px 0 0px white inset, 0px 907px 0 0px #eeeeee inset, 0px 912px 0 0px white inset, 0px 913px 0 0px hotpink inset, 0px 918px 0 0px white inset, 0px 919px 0 0px #eeeeee inset, 0px 924px 0 0px white inset, 0px 925px 0 0px #eeeeee inset, 0px 930px 0 0px white inset, 0px 931px 0 0px #eeeeee inset, 0px 936px 0 0px white inset, 0px 937px 0 0px hotpink inset, 0px 942px 0 0px white inset, 0px 943px 0 0px #eeeeee inset, 0px 948px 0 0px white inset, 0px 949px 0 0px #eeeeee inset, 0px 954px 0 0px white inset, 0px 955px 0 0px #eeeeee inset, 0px 960px 0 0px white inset, 0px 961px 0 0px hotpink inset, 0px 966px 0 0px white inset, 0px 967px 0 0px #eeeeee inset, 0px 972px 0 0px white inset, 0px 973px 0 0px #eeeeee inset, 0px 978px 0 0px white inset, 0px 979px 0 0px #eeeeee inset, 0px 984px 0 0px white inset, 0px 985px 0 0px hotpink inset, 0px 990px 0 0px white inset, 0px 991px 0 0px #eeeeee inset, 0px 996px 0 0px white inset, 0px 997px 0 0px #eeeeee inset, 0px 1002px 0 0px white inset, 0px 1003px 0 0px #eeeeee inset, 0px 1008px 0 0px white inset, 0px 1009px 0 0px hotpink inset, 0px 1014px 0 0px white inset, 0px 1015px 0 0px #eeeeee inset, 0px 1020px 0 0px white inset, 0px 1021px 0 0px #eeeeee inset, 0px 1026px 0 0px white inset, 0px 1027px 0 0px #eeeeee inset, 0px 1032px 0 0px white inset, 0px 1033px 0 0px hotpink inset, 0px 1038px 0 0px white inset, 0px 1039px 0 0px #eeeeee inset, 0px 1044px 0 0px white inset, 0px 1045px 0 0px #eeeeee inset, 0px 1050px 0 0px white inset, 0px 1051px 0 0px #eeeeee inset, 0px 1056px 0 0px white inset, 0px 1057px 0 0px hotpink inset, 0px 1062px 0 0px white inset, 0px 1063px 0 0px #eeeeee inset, 0px 1068px 0 0px white inset, 0px 1069px 0 0px #eeeeee inset, 0px 1074px 0 0px white inset, 0px 1075px 0 0px #eeeeee inset, 0px 1080px 0 0px white inset, 0px 1081px 0 0px hotpink inset, 0px 1086px 0 0px white inset, 0px 1087px 0 0px #eeeeee inset, 0px 1092px 0 0px white inset, 0px 1093px 0 0px #eeeeee inset, 0px 1098px 0 0px white inset, 0px 1099px 0 0px #eeeeee inset, 0px 1104px 0 0px white inset, 0px 1105px 0 0px hotpink inset, 0px 1110px 0 0px white inset, 0px 1111px 0 0px #eeeeee inset, 0px 1116px 0 0px white inset, 0px 1117px 0 0px #eeeeee inset, 0px 1122px 0 0px white inset, 0px 1123px 0 0px #eeeeee inset, 0px 1128px 0 0px white inset, 0px 1129px 0 0px hotpink inset, 0px 1134px 0 0px white inset, 0px 1135px 0 0px #eeeeee inset, 0px 1140px 0 0px white inset, 0px 1141px 0 0px #eeeeee inset, 0px 1146px 0 0px white inset, 0px 1147px 0 0px #eeeeee inset, 0px 1152px 0 0px white inset, 0px 1153px 0 0px hotpink inset, 0px 1158px 0 0px white inset, 0px 1159px 0 0px #eeeeee inset, 0px 1164px 0 0px white inset, 0px 1165px 0 0px #eeeeee inset, 0px 1170px 0 0px white inset, 0px 1171px 0 0px #eeeeee inset, 0px 1176px 0 0px white inset, 0px 1177px 0 0px hotpink inset, 0px 1182px 0 0px white inset, 0px 1183px 0 0px #eeeeee inset, 0px 1188px 0 0px white inset, 0px 1189px 0 0px #eeeeee inset, 0px 1194px 0 0px white inset, 0px 1195px 0 0px #eeeeee inset, 0px 1200px 0 0px white inset, 0px 1201px 0 0px hotpink inset, 0px 1206px 0 0px white inset, 0px 1207px 0 0px #eeeeee inset, 0px 1212px 0 0px white inset, 0px 1213px 0 0px #eeeeee inset, 0px 1218px 0 0px white inset, 0px 1219px 0 0px #eeeeee inset, 0px 1224px 0 0px white inset, 0px 1225px 0 0px hotpink inset, 0px 1230px 0 0px white inset, 0px 1231px 0 0px #eeeeee inset, 0px 1236px 0 0px white inset, 0px 1237px 0 0px #eeeeee inset, 0px 1242px 0 0px white inset, 0px 1243px 0 0px #eeeeee inset, 0px 1248px 0 0px white inset, 0px 1249px 0 0px hotpink inset, 0px 1254px 0 0px white inset, 0px 1255px 0 0px #eeeeee inset, 0px 1260px 0 0px white inset, 0px 1261px 0 0px #eeeeee inset, 0px 1266px 0 0px white inset, 0px 1267px 0 0px #eeeeee inset, 0px 1272px 0 0px white inset, 0px 1273px 0 0px hotpink inset, 0px 1278px 0 0px white inset, 0px 1279px 0 0px #eeeeee inset, 0px 1284px 0 0px white inset, 0px 1285px 0 0px #eeeeee inset, 0px 1290px 0 0px white inset, 0px 1291px 0 0px #eeeeee inset, 0px 1296px 0 0px white inset, 0px 1297px 0 0px hotpink inset, 0px 1302px 0 0px white inset, 0px 1303px 0 0px #eeeeee inset, 0px 1308px 0 0px white inset, 0px 1309px 0 0px #eeeeee inset, 0px 1314px 0 0px white inset, 0px 1315px 0 0px #eeeeee inset, 0px 1320px 0 0px white inset, 0px 1321px 0 0px hotpink inset, 0px 1326px 0 0px white inset, 0px 1327px 0 0px #eeeeee inset, 0px 1332px 0 0px white inset, 0px 1333px 0 0px #eeeeee inset, 0px 1338px 0 0px white inset, 0px 1339px 0 0px #eeeeee inset, 0px 1344px 0 0px white inset, 0px 1345px 0 0px hotpink inset, 0px 1350px 0 0px white inset, 0px 1351px 0 0px #eeeeee inset, 0px 1356px 0 0px white inset, 0px 1357px 0 0px #eeeeee inset, 0px 1362px 0 0px white inset, 0px 1363px 0 0px #eeeeee inset, 0px 1368px 0 0px white inset, 0px 1369px 0 0px hotpink inset, 0px 1374px 0 0px white inset, 0px 1375px 0 0px #eeeeee inset, 0px 1380px 0 0px white inset, 0px 1381px 0 0px #eeeeee inset, 0px 1386px 0 0px white inset, 0px 1387px 0 0px #eeeeee inset, 0px 1392px 0 0px white inset, 0px 1393px 0 0px hotpink inset, 0px 1398px 0 0px white inset, 0px 1399px 0 0px #eeeeee inset, 0px 1404px 0 0px white inset, 0px 1405px 0 0px #eeeeee inset, 0px 1410px 0 0px white inset, 0px 1411px 0 0px #eeeeee inset, 0px 1416px 0 0px white inset, 0px 1417px 0 0px hotpink inset, 0px 1422px 0 0px white inset, 0px 1423px 0 0px #eeeeee inset, 0px 1428px 0 0px white inset, 0px 1429px 0 0px #eeeeee inset, 0px 1434px 0 0px white inset, 0px 1435px 0 0px #eeeeee inset, 0px 1440px 0 0px white inset, 0px 1441px 0 0px hotpink inset, 0px 1446px 0 0px white inset, 0px 1447px 0 0px #eeeeee inset, 0px 1452px 0 0px white inset, 0px 1453px 0 0px #eeeeee inset, 0px 1458px 0 0px white inset, 0px 1459px 0 0px #eeeeee inset, 0px 1464px 0 0px white inset, 0px 1465px 0 0px hotpink inset, 0px 1470px 0 0px white inset, 0px 1471px 0 0px #eeeeee inset, 0px 1476px 0 0px white inset, 0px 1477px 0 0px #eeeeee inset, 0px 1482px 0 0px white inset, 0px 1483px 0 0px #eeeeee inset, 0px 1488px 0 0px white inset, 0px 1489px 0 0px hotpink inset, 0px 1494px 0 0px white inset, 0px 1495px 0 0px #eeeeee inset, 0px 1500px 0 0px white inset, 0px 1501px 0 0px #eeeeee inset, 0px 1506px 0 0px white inset, 0px 1507px 0 0px #eeeeee inset, 0px 1512px 0 0px white inset, 0px 1513px 0 0px hotpink inset, 0px 1518px 0 0px white inset, 0px 1519px 0 0px #eeeeee inset, 0px 1524px 0 0px white inset, 0px 1525px 0 0px #eeeeee inset, 0px 1530px 0 0px white inset, 0px 1531px 0 0px #eeeeee inset, 0px 1536px 0 0px white inset, 0px 1537px 0 0px hotpink inset, 0px 1542px 0 0px white inset, 0px 1543px 0 0px #eeeeee inset, 0px 1548px 0 0px white inset, 0px 1549px 0 0px #eeeeee inset, 0px 1554px 0 0px white inset, 0px 1555px 0 0px #eeeeee inset, 0px 1560px 0 0px white inset, 0px 1561px 0 0px hotpink inset, 0px 1566px 0 0px white inset, 0px 1567px 0 0px #eeeeee inset, 0px 1572px 0 0px white inset, 0px 1573px 0 0px #eeeeee inset, 0px 1578px 0 0px white inset, 0px 1579px 0 0px #eeeeee inset, 0px 1584px 0 0px white inset, 0px 1585px 0 0px hotpink inset, 0px 1590px 0 0px white inset, 0px 1591px 0 0px #eeeeee inset, 0px 1596px 0 0px white inset, 0px 1597px 0 0px #eeeeee inset, 0px 1602px 0 0px white inset, 0px 1603px 0 0px #eeeeee inset, 0px 1608px 0 0px white inset, 0px 1609px 0 0px hotpink inset, 0px 1614px 0 0px white inset, 0px 1615px 0 0px #eeeeee inset, 0px 1620px 0 0px white inset, 0px 1621px 0 0px #eeeeee inset, 0px 1626px 0 0px white inset, 0px 1627px 0 0px #eeeeee inset, 0px 1632px 0 0px white inset, 0px 1633px 0 0px hotpink inset, 0px 1638px 0 0px white inset, 0px 1639px 0 0px #eeeeee inset, 0px 1644px 0 0px white inset, 0px 1645px 0 0px #eeeeee inset, 0px 1650px 0 0px white inset, 0px 1651px 0 0px #eeeeee inset, 0px 1656px 0 0px white inset, 0px 1657px 0 0px hotpink inset, 0px 1662px 0 0px white inset, 0px 1663px 0 0px #eeeeee inset, 0px 1668px 0 0px white inset, 0px 1669px 0 0px #eeeeee inset, 0px 1674px 0 0px white inset, 0px 1675px 0 0px #eeeeee inset, 0px 1680px 0 0px white inset, 0px 1681px 0 0px hotpink inset, 0px 1686px 0 0px white inset, 0px 1687px 0 0px #eeeeee inset, 0px 1692px 0 0px white inset, 0px 1693px 0 0px #eeeeee inset, 0px 1698px 0 0px white inset, 0px 1699px 0 0px #eeeeee inset, 0px 1704px 0 0px white inset, 0px 1705px 0 0px hotpink inset, 0px 1710px 0 0px white inset, 0px 1711px 0 0px #eeeeee inset, 0px 1716px 0 0px white inset, 0px 1717px 0 0px #eeeeee inset, 0px 1722px 0 0px white inset, 0px 1723px 0 0px #eeeeee inset, 0px 1728px 0 0px white inset, 0px 1729px 0 0px hotpink inset, 0px 1734px 0 0px white inset, 0px 1735px 0 0px #eeeeee inset, 0px 1740px 0 0px white inset, 0px 1741px 0 0px #eeeeee inset, 0px 1746px 0 0px white inset, 0px 1747px 0 0px #eeeeee inset, 0px 1752px 0 0px white inset, 0px 1753px 0 0px hotpink inset, 0px 1758px 0 0px white inset, 0px 1759px 0 0px #eeeeee inset, 0px 1764px 0 0px white inset, 0px 1765px 0 0px #eeeeee inset, 0px 1770px 0 0px white inset, 0px 1771px 0 0px #eeeeee inset, 0px 1776px 0 0px white inset, 0px 1777px 0 0px hotpink inset, 0px 1782px 0 0px white inset, 0px 1783px 0 0px #eeeeee inset, 0px 1788px 0 0px white inset, 0px 1789px 0 0px #eeeeee inset, 0px 1794px 0 0px white inset, 0px 1795px 0 0px #eeeeee inset, 0px 1800px 0 0px white inset, 0px 1801px 0 0px hotpink inset, 0px 1806px 0 0px white inset, 0px 1807px 0 0px #eeeeee inset, 0px 1812px 0 0px white inset, 0px 1813px 0 0px #eeeeee inset, 0px 1818px 0 0px white inset, 0px 1819px 0 0px #eeeeee inset, 0px 1824px 0 0px white inset, 0px 1825px 0 0px hotpink inset, 0px 1830px 0 0px white inset, 0px 1831px 0 0px #eeeeee inset, 0px 1836px 0 0px white inset, 0px 1837px 0 0px #eeeeee inset, 0px 1842px 0 0px white inset, 0px 1843px 0 0px #eeeeee inset, 0px 1848px 0 0px white inset, 0px 1849px 0 0px hotpink inset, 0px 1854px 0 0px white inset, 0px 1855px 0 0px #eeeeee inset, 0px 1860px 0 0px white inset, 0px 1861px 0 0px #eeeeee inset, 0px 1866px 0 0px white inset, 0px 1867px 0 0px #eeeeee inset, 0px 1872px 0 0px white inset, 0px 1873px 0 0px hotpink inset, 0px 1878px 0 0px white inset, 0px 1879px 0 0px #eeeeee inset, 0px 1884px 0 0px white inset, 0px 1885px 0 0px #eeeeee inset, 0px 1890px 0 0px white inset, 0px 1891px 0 0px #eeeeee inset, 0px 1896px 0 0px white inset, 0px 1897px 0 0px hotpink inset, 0px 1902px 0 0px white inset, 0px 1903px 0 0px #eeeeee inset, 0px 1908px 0 0px white inset, 0px 1909px 0 0px #eeeeee inset, 0px 1914px 0 0px white inset, 0px 1915px 0 0px #eeeeee inset, 0px 1920px 0 0px white inset, 0px 1921px 0 0px hotpink inset, 0px 1926px 0 0px white inset, 0px 1927px 0 0px #eeeeee inset, 0px 1932px 0 0px white inset, 0px 1933px 0 0px #eeeeee inset, 0px 1938px 0 0px white inset, 0px 1939px 0 0px #eeeeee inset, 0px 1944px 0 0px white inset, 0px 1945px 0 0px hotpink inset, 0px 1950px 0 0px white inset, 0px 1951px 0 0px #eeeeee inset, 0px 1956px 0 0px white inset, 0px 1957px 0 0px #eeeeee inset, 0px 1962px 0 0px white inset, 0px 1963px 0 0px #eeeeee inset, 0px 1968px 0 0px white inset, 0px 1969px 0 0px hotpink inset, 0px 1974px 0 0px white inset, 0px 1975px 0 0px #eeeeee inset, 0px 1980px 0 0px white inset, 0px 1981px 0 0px #eeeeee inset, 0px 1986px 0 0px white inset, 0px 1987px 0 0px #eeeeee inset, 0px 1992px 0 0px white inset, 0px 1993px 0 0px hotpink inset, 0px 1998px 0 0px white inset, 0px 1999px 0 0px #eeeeee inset, 0px 2004px 0 0px white inset, 0px 2005px 0 0px #eeeeee inset, 0px 2010px 0 0px white inset, 0px 2011px 0 0px #eeeeee inset, 0px 2016px 0 0px white inset, 0px 2017px 0 0px hotpink inset, 0px 2022px 0 0px white inset, 0px 2023px 0 0px #eeeeee inset, 0px 2028px 0 0px white inset, 0px 2029px 0 0px #eeeeee inset, 0px 2034px 0 0px white inset, 0px 2035px 0 0px #eeeeee inset, 0px 2040px 0 0px white inset, 0px 2041px 0 0px hotpink inset, 0px 2046px 0 0px white inset, 0px 2047px 0 0px #eeeeee inset, 0px 2052px 0 0px white inset, 0px 2053px 0 0px #eeeeee inset, 0px 2058px 0 0px white inset, 0px 2059px 0 0px #eeeeee inset, 0px 2064px 0 0px white inset, 0px 2065px 0 0px hotpink inset, 0px 2070px 0 0px white inset, 0px 2071px 0 0px #eeeeee inset, 0px 2076px 0 0px white inset, 0px 2077px 0 0px #eeeeee inset, 0px 2082px 0 0px white inset, 0px 2083px 0 0px #eeeeee inset, 0px 2088px 0 0px white inset, 0px 2089px 0 0px hotpink inset, 0px 2094px 0 0px white inset, 0px 2095px 0 0px #eeeeee inset, 0px 2100px 0 0px white inset, 0px 2101px 0 0px #eeeeee inset, 0px 2106px 0 0px white inset, 0px 2107px 0 0px #eeeeee inset, 0px 2112px 0 0px white inset, 0px 2113px 0 0px hotpink inset, 0px 2118px 0 0px white inset, 0px 2119px 0 0px #eeeeee inset, 0px 2124px 0 0px white inset, 0px 2125px 0 0px #eeeeee inset, 0px 2130px 0 0px white inset, 0px 2131px 0 0px #eeeeee inset, 0px 2136px 0 0px white inset, 0px 2137px 0 0px hotpink inset, 0px 2142px 0 0px white inset, 0px 2143px 0 0px #eeeeee inset, 0px 2148px 0 0px white inset, 0px 2149px 0 0px #eeeeee inset, 0px 2154px 0 0px white inset, 0px 2155px 0 0px #eeeeee inset, 0px 2160px 0 0px white inset, 0px 2161px 0 0px hotpink inset, 0px 2166px 0 0px white inset, 0px 2167px 0 0px #eeeeee inset, 0px 2172px 0 0px white inset, 0px 2173px 0 0px #eeeeee inset, 0px 2178px 0 0px white inset, 0px 2179px 0 0px #eeeeee inset, 0px 2184px 0 0px white inset, 0px 2185px 0 0px hotpink inset, 0px 2190px 0 0px white inset, 0px 2191px 0 0px #eeeeee inset, 0px 2196px 0 0px white inset, 0px 2197px 0 0px #eeeeee inset, 0px 2202px 0 0px white inset, 0px 2203px 0 0px #eeeeee inset, 0px 2208px 0 0px white inset, 0px 2209px 0 0px hotpink inset, 0px 2214px 0 0px white inset, 0px 2215px 0 0px #eeeeee inset, 0px 2220px 0 0px white inset, 0px 2221px 0 0px #eeeeee inset, 0px 2226px 0 0px white inset, 0px 2227px 0 0px #eeeeee inset, 0px 2232px 0 0px white inset, 0px 2233px 0 0px hotpink inset, 0px 2238px 0 0px white inset, 0px 2239px 0 0px #eeeeee inset, 0px 2244px 0 0px white inset, 0px 2245px 0 0px #eeeeee inset, 0px 2250px 0 0px white inset;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2.625em;
  line-height: 1.14286em;
  margin-top: 0.28571em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.28571em;
}

p {
  margin-top: 0.375em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.375em;
}

.content {
  height: 2000px;
  margin: 0 24px;
  line-height: 1.5em;
}

.sidebar {
  float: right;
  width: 300px;
}

.block {
  font-size: 0.75em;
  line-height: 0.33333em;
  border-width: 0.0625em;
  border-style: solid;
  padding: 0.1875em;
  line-height: 1.5em;
  padding: 0 24px;
}

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.</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.</p>
</article>