petesmaluck

[ Launch: canada ] 5921364 by petesmaluck See Previous Inlet [ Gist ]

petesmaluck

[ Launch: hamilton ] 5924406 by petesmaluck See Previous Inlet [ Gist ]

petesmaluck

{"description":"linear relationship with slope","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":true,"loop":false,"restart":true,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/Zqopweq.png"}

petesmaluck

[ Launch: linear relationship with slope ] 6098369 by petesmaluck[ Launch: linear relationship ] 5942087 by enjalot

petesmaluck

<section>
  <div class="sidebar">This is column 1</div>
  <div class="content">This is column 2</div>
</section>

petesmaluck

section {
  @include outer-container;
  .sidebar { @include span-columns(4); }
  .content { @include span-columns(8); }
}

petesmaluck

$mobile: new-breakpoint(max-width 640px);

petesmaluck

section {
  @include outer-container;

  .sidebar {
    @include span-columns(4);

    @include media($mobile) {
      display: none;
    }
  }

petesmaluck

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://basehold.it/16">
<div class="container">
  <div class="sub-container">
    <h1>Carlton Streetcar</h1>
    <h4>506</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque ** volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
  </div>
  <div class="sub-container">
    <div class="map"></div>