Skip to content

Instantly share code, notes, and snippets.

@jdlehman
jdlehman / keybase.md
Last active July 25, 2016 21:44
Keybase Verification

Keybase proof

I hereby claim:

  • I am jdlehman on github.
  • I am jdlehman (https://keybase.io/jdlehman) on keybase.
  • I have a public key whose fingerprint is 1CBA 4335 1164 DAFE 97D2 F432 6BE2 E886 5BDC 3D71

To claim this, I am signing this object:

@jdlehman
jdlehman / SassMeister-input-HTML.html
Created June 14, 2014 15:35
Vertical Rhythm Ex1: Base styles
<h1>Large Text</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin pulvinar est, vel consequat mauris blandit sed. Duis sed nisl eu dolor laoreet luctus. Ut id vulputate mauris. Sed ac lacus orci. Sed quis metus nisi. Mauris interdum tincidunt tellus, eu cursus sem consequat eu. Vivamus dapibus purus ac purus dictum, ut hendrerit massa varius. In hac habitasse platea dictumst. Suspendisse convallis neque nec felis adipiscing, a volutpat leo laoreet. Pellentesque massa velit, tincidunt nec dolor vel, tincidunt lacinia tellus. Morbi vitae tellus bibendum, commodo tortor a, venenatis turpis. Curabitur vestibulum ut massa sit amet tempus. Fusce nisl mauris, tincidunt quis pulvinar sit amet, consectetur id ante. Maecenas non dapibus leo. Suspendisse interdum tortor eu hendrerit sagittis. Ut eleifend ac neque non convallis.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Curabitur eget est at massa mattis aliquet.</li>
<li>Sed feugiat lacus non purus
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created June 17, 2014 01:06
Vertical Rhythm Ex2: Vertical Rhythm Mixin for Case 1 (text-based elements)
<h2>Large Text</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin pulvinar est, vel consequat mauris blandit sed. Duis sed nisl eu dolor laoreet luctus. Ut id vulputate mauris. Sed ac lacus orci. Sed quis metus nisi. Mauris interdum tincidunt tellus, eu cursus sem consequat eu. Vivamus dapibus purus ac purus dictum, ut hendrerit massa varius. In hac habitasse platea dictumst. Suspendisse convallis neque nec felis adipiscing, a volutpat leo laoreet. Pellentesque massa velit, tincidunt nec dolor vel, tincidunt lacinia tellus. Morbi vitae tellus bibendum, commodo tortor a, venenatis turpis. Curabitur vestibulum ut massa sit amet tempus. Fusce nisl mauris, tincidunt quis pulvinar sit amet, consectetur id ante. Maecenas non dapibus leo. Suspendisse interdum tortor eu hendrerit sagittis. Ut eleifend ac neque non convallis.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Curabitur eget est at massa mattis aliquet.</li>
<li>Sed feugiat lacus non purus
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active August 29, 2015 14:03
Vertical Rhythm Ex 3: Handle height-based elements
<h2>Large Text</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin pulvinar est, vel consequat mauris blandit sed. Duis sed nisl eu dolor laoreet luctus. Ut id vulputate mauris. Sed ac lacus orci. Sed quis metus nisi. Mauris interdum tincidunt tellus, eu cursus sem consequat eu. Vivamus dapibus purus ac purus dictum, ut hendrerit massa varius. In hac habitasse platea dictumst. Suspendisse convallis neque nec felis adipiscing, a volutpat leo laoreet. Pellentesque massa velit, tincidunt nec dolor vel, tincidunt lacinia tellus. Morbi vitae tellus bibendum, commodo tortor a, venenatis turpis. Curabitur vestibulum ut massa sit amet tempus. Fusce nisl mauris, tincidunt quis pulvinar sit amet, consectetur id ante. Maecenas non dapibus leo. Suspendisse interdum tortor eu hendrerit sagittis. Ut eleifend ac neque non convallis.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Curabitur eget est at massa mattis aliquet.</li>
<li>Sed feugiat lacus non purus
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active August 29, 2015 14:03
Vertical Rhythm: Final Example. Complete mixin (what I use)
<h2>Large Text</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin pulvinar est, vel consequat mauris blandit sed. Duis sed nisl eu dolor laoreet luctus. Ut id vulputate mauris. Sed ac lacus orci. Sed quis metus nisi. Mauris interdum tincidunt tellus, eu cursus sem consequat eu. Vivamus dapibus purus ac purus dictum, ut hendrerit massa varius. In hac habitasse platea dictumst. Suspendisse convallis neque nec felis adipiscing, a volutpat leo laoreet. Pellentesque massa velit, tincidunt nec dolor vel, tincidunt lacinia tellus. Morbi vitae tellus bibendum, commodo tortor a, venenatis turpis. Curabitur vestibulum ut massa sit amet tempus. Fusce nisl mauris, tincidunt quis pulvinar sit amet, consectetur id ante. Maecenas non dapibus leo. Suspendisse interdum tortor eu hendrerit sagittis. Ut eleifend ac neque non convallis.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Curabitur eget est at massa mattis aliquet.</li>
<li>Sed feugiat lacus non purus
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created July 22, 2014 19:30
Generated by SassMeister.com.
<p class="box">Default: Border Box</p>
<div class="component">
<p class="box">Component: Content Box</p>
</div>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created July 24, 2014 21:49
Generated by SassMeister.com.
<div class="header">Signalman</div>
<div class="feature">card</div>
<div class="feature">card</div>
<div class="feature">card</div>
<div class="feature">card</div>
<div class="feature">card</div>
<div class="feature">card</div>
@jdlehman
jdlehman / SassMeister-input.scss
Created July 30, 2014 04:40
Generated by SassMeister.com.
// ----
// Sass (v3.3.12)
// Compass (v1.0.0.alpha.21)
// ----
$t: (a: (x: (2 2), y: 2), b: (3 4), c: 10);
//susy
@jdlehman
jdlehman / bEuwz.markdown
Created August 13, 2014 15:37
A Pen by Jonathan Lehman.
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created August 25, 2014 21:51
Generated by SassMeister.com.
<div class="my-AwesomeBox my-AwesomeBox--small">
<h1 class="my-AwesomeBox-title">Small Box</h1>
</div>
<div class="my-AwesomeBox">
<h1 class="my-AwesomeBox-title">Normal Title</h1>
</div>
<div class="my-AwesomeBox">
<h1 class="my-AwesomeBox-title my-AwesomeBox-title--large">Large Title</h1>