drocarmo

// Sortable shit
    $(".connected").sortable({
      connectWith: ".connected",
      items:  "> li",
      placeholder: "sortable-placeholder",
      revert: 100,
      tolerance: "pointer",
      scroll: false,
      cancel: "[contenteditable], textarea, input",
 

drocarmo

These character sets are not exhaustive, but merely a quick reference for common characters.
 
Quotation
‘   ‘ \2018 Open single quotation mark
’   ’ \2019 Closed single quotation mark / Apostrophe
“   “ \201C Open double quotation mark
”   ” \201D Closed double quotation mark
'     ' \0027 Typewriter single quotation mark
"     " \0022 Typewriter double quotation mark
′   ′ \2032 Prime (Feet / Minutes)

drocarmo

// Variables

$fade: fade;
$slideDown: slideDown;
$duration: 1s;

// Default Animation mixins

@mixin animation {
  -webkit-animation-fill-mode: both;

drocarmo

// Requires
// jQuery JavaScript Library v1.10.2
// &
// jQuery Easing v1.3
 
$("a.menu").click(function(event) {
  event.preventDefault();
  var icon = $(this).find(".icon-menu");
  if ($(icon).is(".open")) {
    $(".menu,.sub-menu").slideUp(300, "easeInQuint");

drocarmo

$darkblue: #0C346B;
$lightblue: #1C7AFC;

@mixin gradient($from, $to) {
  background-color: $from;
  background: -moz-linear-gradient(top, $from 0%, $to 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$from), color-stop(100%,$to));
  background: -webkit-linear-gradient(top, $from 0%,$to 100%);
  background: -o-linear-gradient(top, $from 0%,$to 100%);
}

drocarmo

$(".kanye").on("click", function() {
  $(this).toggleClass("west");
});

drocarmo

// blog link: http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

@mixin vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

drocarmo

// Bourbon's clear-anything mixin

@mixin clearfix {
  &:after {
    content:"";
    display:table;
    clear:both;
  }
}

drocarmo

/* Use-case output */

a.github {
  color: #333333;
}
a.github:hover, a.github:active {
  color: #1a1a1a;
}
a.rdio {
  color: #006ed2;

drocarmo

// From @chriscoyier
// http://css-tricks.com/snippets/css/a-guide-to-flexbox/

@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}