jedfoster

Hi roughrabbit,

You had all the pieces, just not in the correct order. <script> tags in HTML are evaluated in the order they appear in the source; and you had your <script> tags in exactly the opposite order.

The code to initialize Readmore, $('article').readmore({ speed: 80 });, has to come last because it depends on the code in readmore.js, which in turn depends on jQuery. So you'll see below, that I bring in jQuery, then Readmore, and then call $('article').readmore(...);.

Hope that helps,

Jed Foster

jedfoster

<p>Demo cribbed from <a href="http://viget.com/extend/sass-maps-are-awesome">viget.com/extend/sass-maps-are-awesome</a></p>

<ol>
    <li><a href="#" class="profile-link--bandcamp profile-link">Bandcamp</a></li>
    <li><a href="#" class="profile-link--delicious profile-link">Delicious</a></li>
    <li><a href="#" class="profile-link--facebook profile-link">Facebook</a></li>
    <li><a href="#" class="profile-link--ficly profile-link">Ficly</a></li>
    <li><a href="#" class="profile-link--flickr profile-link">Flickr</a></li>
    <li><a href="#" class="profile-link--github profile-link">GitHub</a></li>
    <li><a href="#" class="profile-link--googleplus profile-link">Google+</a></li>

jedfoster

module Jekyll
  require 'haml'
  class HamlConverter < Converter
    safe true
    priority :low

    def matches(ext)
      ext =~ /haml/i
    end

jedfoster

package-lock.json

jedfoster

<h1>iOS 6 style switches with pure CSS</h1>

<label>Something <input type="checkbox" class="ios-switch" /></label>
<label>Pre-checked<input type="checkbox" class="ios-switch" checked /></label>

<label><input type="checkbox" class="ios-switch" />Label after control</label>
<label><input type="checkbox" class="ios-switch" checked />Another label after control</label>

<p>Check out the slide animation, even in WebKit versions that don’t support animation for pseudo-elements.
   Verified to work in <strong>Chrome, Firefox, IE10</strong>, but could possibly work in many others.</p>

jedfoster

%ul.matrix
  - (0..19).each do |c|
    %li

jedfoster

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

// Using Sass 3.3 maps as a way to change
// the output of mixins.

jedfoster

1. Clone https://github.com/jedfoster/SassMeister.git
2. Clone https://github.com/SassMeister/sass33.sassmeister.git (the app that handles compiling against Sass 3.3)
3. (optional) Clone https://github.com/SassMeister/sassmeister/sass32.sassmeister.git (the app that handles compiling against Sass 3.2)
4. (optional) Clone https://github.com/SassMeister/sassmeister/libsass.sassmeister.git (the app that handles compiling against LibSass)
5. Run bundle install in each Ruby app
6. Install Pow if you don't already have it a. curl get.pow.cx | sh
7. Symlink the apps to Pow: a. ln -s /path/to/sassmeister ~/.pow/sassmeister b. ln -s /path/to/sass33.sassmeister ~/.pow/sass33.sassmeister

jedfoster

<ul class="matrix">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>

jedfoster

I can't imagine a use case for SassyJSON. So I challenge you: surprise me.

Best example using SassyJSON wins SassMeister stickers. To be the "best", it must be practical or solve a real world problem.

The rules

• Your entry must be created using SassMeister
• Your entry must be submitted on Twitter (tweet a link to your SassMeister gist and mention @sassmeisterapp)
• Your entry does not need to include HTML, but it might help me judge
• The winner will be selected by me and notified via Twitter