wfendler

// FILE: _mq-mixin-modern.scss
//
// standard media-query mixin with set breakpoints and the option for px-based min-width value
@mixin media-query($media-query){

  @if $media-query == "hand-and-up" {
    @media only screen and (min-width: $hand-start) { @content; }
  }
  @else if $media-query == "lap-and-up" {
    @media only screen and (min-width: $lap-start) { @content; }

wfendler

.btn {
  font-family: cujojp;
  color: brightPink;
}

.btn--primary {
  font-size: 2em;
}

.btn--forward {

wfendler

<!-- Current Markup -->
<div class="category-and-time">
  <p class="feature-category">Food &amp; Beverage</p>
  <p class="feature-time">2 hours ago</p>
</div>

<!--
  Re-using current abstractions and more generic naming convention:
  
  Also, I'd argue a list is more-semantic than two paragraph tags in this situation.

wfendler

var geoJson = [{
    "type": "Feature",
    "geometry": {
        "type": "Point",
        "coordinates": [-75.00, 40]
    },
    "properties": {
        "location": "Minneapolis, MN",
        "address": "5500 Wayzata Boulevard <br>Suite 800<br>Minneapolis, MN 55416<br>United States",
        "phone1": "Main: +1 (763) 545-1730",

wfendler

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

$color-primary: #bada55;
$color-secondary: #444;
$color-text: #fff;
$color-list: color-primary, color-secondary, color-text;

wfendler

// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----

.rat {
  @extend .fractal;
}

.fractal {

wfendler

this.$navItems = $('.collection-of-links');

Class.prototype.bindEvents = function() {
  // 
  // 1. Click calls goToPage()
  //    - I'd like it this clean, but I can't pass an index without doing option 2 here
  //
  this.$navItems.on('click', $.proxy(this.goToPage, this));
  
  // 

wfendler

javascript:(function(a){var b,c,d,e=$(".sound"),f=require("config").get("client_id"),g=require("lib/connect").getAuthToken(),h=require("lib/helpers/conversion-helper"),i,j,k,l,m;for(b=e.length-1;b>=0;b--){c=$(e[b]);if(0==c.find(".sc-button-download").length){var n="https://soundcloud.com"+(c.find(".soundTitle__title").attr("href")||a.location.pathname);k={url:n,client_id:f},m=function(a){return function(b){var c={client_id:f};l=require("lib/url").stringify({query:c},b.stream_url+".mp3"),d=a.find(".sound__soundActions .sc-button-group"),j=d.find(".sc-button:first")[0].className.match(/sc-button-((?:small)|(?:medium))/)[1],i=$('<a class="sc-button sc-button-download sc-button-icon sc-button-responsive">Download</a>').attr({title:"Download this sound ("+h.bytesToMB(b.original_content_size)+")",href:l}).addClass("sc-button-"+j),d.append(i)}}(c),$.getJSON("http://api.soundcloud.com/resolve.json",k).success(m)}}})(window)

wfendler

//
// Bootstrap Less
// --------------------------------------------------


/**
 * Suit.css Component Name
 */

wfendler

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

// Assumptions
$base-font-size: 12px; // mobile
$base-font-size--large: 16px; // desktop
$line-height-ratio: 1.5;
$legacy-ie: true;