gooberling

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<symbol id="icon-interval" viewBox="0 0 1024 1024">
            <title>interval</title>

            <!--animation for loading-->
            <path stroke="black" d="M512 512 l0 280" id="loadingAnim" stroke-width="60" transform="rotate(133.404 512 512)">
                <animateTransform attributeType="XML" attributeName="transform" type="rotate" from="0, 512, 512" to="360, 512, 512" begin="0s" dur="1.5s" repeatCount="indefinite"></animateTransform>
            </path>

            <path stroke="black" d="M512 512 l0 200" id="loading" stroke-width="60" transform="rotate(256.021 512 512)">

gooberling

//============================================================
//
// arrow
//
// @param width           :  px, em
// @param height          :  px, em
// @param direction       :  up, down, left, right
// @param color           :  hex, rgb
//
//============================================================

gooberling

+background(image-url("logo-reg.png") no-repeat)
  	width: image-width("logo-reg.png")
		height: image-height("logo-reg.png")

gooberling

  $(elements).each(function(i) {
		$(this).delay(200*i).fadeIn('200', 'easeInOutCubic');
	});

gooberling

(function ($) {

    $.fn.highlight = function () {
        $(this).css({ color: 'red', background: 'yellow' });
        $(this).fadeIn();
    };
   
   $('.element').highlight();

gooberling

.center 
  margin-left: percentage($first_sidebar_width / $page_width)

gooberling

/**
* CSS-JS-BOOSTER
* 
* A polyfill for box-sizing: border-box for IE6 & IE7.
* 
* JScript
* 
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License as published 
* by the Free Software Foundation, either version 3 of the License, or

gooberling

@mixin breakpoint($max, $min:'') 
  @if ($min!='') 
    @media only screen and (min-width: $min) and (max-width: $max) { @content; }
   @else 
    @media only screen and (max-width: $max) { @content; }

gooberling

@mixin font-size($sizeValue: 1.6, $line: $sizeValue * 1.5)
  font-size: ($sizeValue * 1) + px
  line-height: ($line * 1) + px
  font-size: ($sizeValue / 10) + rem
  line-height: ($line / 10) + rem

gooberling

// Clearfix to contain floats: h5bp.com/q
@mixin my-clearfix 
  &:before  // prevent top margin colapse
    content: ""
    display: table
  
  @include pie-clearfix