terkel

@mixin subclass ($superclass) {
    .#{ $superclass },
    [class^="#{ $superclass }-"],
    [class*=" #{ $superclass }-"] {
        @content;
    }
}

terkel

/**
 * Show/hide icon labels using media queries.
 *
 * @param {Object}  images     NodeList of icon images
 * @param {String}  mqString   Media query string
 * @param {Boolean} [fallback] Show label text for no-media-queries browsers
 * @example
 *     var navIcons = document.querySelectorAll('nav img');
 *     responsiveIconLabel(navIcons, '(min-width: 801px)', true);
 */

terkel

// ----
// Sass (v3.4.0.rc.1)
// Compass (v1.0.0.alpha.20)
// ----

.outer {
  color: red;

  .inner {
    color: green;

terkel

<div data-href="http://YOUR-URL-GOES-HERE" data-layout="button_count" class="fb-share-button"></div>
<script src="//connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v2.0" id="facebook-jssdk" async></script>

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script src="//platform.twitter.com/widgets.js" id="twitter-wjs" async></script>

<div data-size="medium" class="g-plusone"></div>
<script src="https://apis.google.com/js/platform.js" async defer></script>

<a href="http://b.hatena.ne.jp/entry/" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="en" class="hatena-bookmark-button"></a>

terkel

// http://nicolasgallagher.com/micro-clearfix-hack/
$support-ie: 8 !default;
@mixin clearfix {
    @if $support-ie and $support-ie != 0 and $support-ie < 8 {
        *zoom: 1;
    }
    &:before,
    &:after {
        content: " ";
        display: table;

terkel

// _grids.scss

$gridWidth: 100%;
$colGap: 0;

@mixin grid () {
  display: table;
  width: $gridWidth + $colGap;
  @if $colGap > 0 {
    margin-right: - $colGap;

terkel

* {
  padding: 0;
  margin: 0;
}
html {
  overflow-y: scroll;
  font: small; /* for IE6 in quirks mode */
}
body {
  font-size: 100%;

terkel

// jQuery Dropdown plugin
(function ($) {
    $.fn.dropdown = function (options) {
        var opts = $.extend({
                child:       'ul:first',
                hoverClass:  'hover',
                showTimeout: 100,
                showSpeed:   200,
                hideTimeout: 200,
                hideSpeed:   100

terkel

// See https://github.com/terkel/jquery-ua

terkel

// jQuery Toggle Hover Class Plugin
(function ($) {
    $.fn.toggleHoverClass = function () {
        return this.each(function () {
            var $this           = $(this),
                c               = this.className,
                originalClasses = c? c.split(' '): [],
                hoverClasses    = [],
                hoverClass      = 'hover',
                len             = originalClasses.length,