Skip to content

Instantly share code, notes, and snippets.

@robbyking3
robbyking3 / padding-margin.less
Last active December 2, 2015 18:24
A messy less port of a sass version
// based on https://github.com/kianoshp/SASS-CSS-Boilerplate/blob/master/sass/padding-margin.scss
.sizeMaker() {
@paddingMargins: p,m;
@positions: t,r,b,l;
@padding-increment: 5px;
@sizes: s,m,l,n;
@pm: padding;
@pos: top;
<!doctype html>
<html>
<head>
<title>KnockoutJS Custom Binding: animation</title>
<style>
/* WARNING: Only webkit animation defined */
@-webkit-keyframes zigzag {
0% { top: 0px; left: 0px; }
25% { top: 200px; left: 200px; }
50% { top: 0px; left: 400px; }
@robbyking3
robbyking3 / ceaser-variables.less
Created November 7, 2013 00:22
css easing functions as variables for use in less files
@linear : 0.250, 0.250, 0.750, 0.750;
@ease : 0.250, 0.100, 0.250, 1.000;
@ease-in : 0.420, 0.000, 1.000, 1.000;
@ease-out : 0.000, 0.000, 0.580, 1.000;
@ease-in-out : 0.420, 0.000, 0.580, 1.000;
@easeInQuad : 0.550, 0.085, 0.680, 0.530;
@easeInCubic : 0.550, 0.055, 0.675, 0.190;
@easeInQuart : 0.895, 0.030, 0.685, 0.220;
@easeInQuint : 0.755, 0.050, 0.855, 0.060;
@easeInSine : 0.470, 0.000, 0.745, 0.715;