Skip to content

Instantly share code, notes, and snippets.

// This mixin is used for creating all classes or extends for the framework.
// It works by establishing the namespace at the start and the elemnt name afterwards.
// By default it gives you the namespaced class name and non-namespaced extend
=e($element, $namespace: $namespace, $placeholder: false, $extend: true)
@if $no-html-classes
%#{$element}
@content
@annez
annez / gist:9783177
Last active August 29, 2015 13:57 — forked from pixelthing/gist:9782842
Animation mixin with Compass
/* animation mixins */
@mixin animation($name, $duration: 500ms, $fill_mode: forwards, $iteration_count: 1, $delay: 0, $direction: normal, $timing_function: ease)
+experimental(animation-name, $name)
+experimental(animation-duration, $duration)
+experimental(animation-fill-mode, $fill_mode)
+experimental(animation-iteration-count, $iteration_count)
+experimental(animation-delay, $delay)
+experimental(animation-direction, $direction)
+experimental(animation-timing-function, $timing_function)