Skip to content

Instantly share code, notes, and snippets.

View jdlehman's full-sized avatar

Jonathan Lehman jdlehman

60 followers · 10 following
View GitHub Profile
@jdlehman
jdlehman / Gemfile
Last active August 29, 2015 14:06
Breakpoint-Sass without Compass
source 'https://rubygems.org'
gem 'sass', '~> 3.3'
gem 'breakpoint', '~> 2.4'
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created September 17, 2014 23:55
Generated by SassMeister.com.
<button class="Btn">Just a Button</button>
<button class="Btn--disabled">Disabled Button</button>
<button class="Btn-secondary">Secondary Button</button>
<button class="Btn-secondary--disabled">Secondary Disabled Button</button>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active August 29, 2015 14:06
Generated by SassMeister.com.
<button class="Btn">Just a Button</button>
<button class="Btn--disabled">Disabled Button</button>
<button class="Btn-secondary">Secondary Button</button>
<button class="Btn-secondary--disabled">Secondary Disabled Button</button>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created September 18, 2014 01:32
Generated by SassMeister.com.
<button class="Btn">Just a Button</button>
<button class="Btn Btn--disabled">Disabled Button</button>
<button class="Btn Btn-secondary">Secondary Button</button>
<button class="Btn Btn-secondary Btn--disabled">Secondary Disabled Button</button>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active August 29, 2015 14:07
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>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active August 29, 2015 14:07
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>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created September 29, 2014 01:26
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>
@jdlehman
jdlehman / SassMeister-input-HTML.html
Created September 29, 2014 01:29
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>
@jdlehman
jdlehman / SassMeister-input.scss
Last active August 29, 2015 14:07
Generated by SassMeister.com.
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
@mixin desc($names...) {
@each $name in $names {
@at-root &-#{$name} { @content; }
}
}
@jdlehman
jdlehman / SassMeister-input-HTML.html
Last active February 28, 2017 20:42
Generated by SassMeister.com.
<div class="Table">
<div class="Table-row Table-header">
<div class="Table-row-item u-Flex-grow2">Long Header1</div>
<div class="Table-row-item">Header2</div>
<div class="Table-row-item">Header3</div>
<div class="Table-row-item">Header4</div>
<div class="Table-row-item u-Flex-grow3">Longer Header5</div>
<div class="Table-row-item">Header6</div>
<div class="Table-row-item">Header7</div>
</div>