Skip to content

Instantly share code, notes, and snippets.

@ganglio
ganglio / gist:3932695
Created October 22, 2012 17:13
SCSS: hr ruler
hr {
height: 10px;
@include background-image
(linear-gradient(left, black 1%, transparent 1%),
linear-gradient(left, black 2%, transparent 2%),
linear-gradient(left, black 10%, transparent 10%),
linear-gradient(left, black 20%, transparent 20%),
linear-gradient(top, transparent 5px, black 5px, transparent 6px));
border: none;
background-position: 0px 50%, 0px 50%, 0px 50%, 0px 50%, 0px 0;
@ganglio
ganglio / gist:3959897
Created October 26, 2012 16:56
SCSS: Ruler Mixin
@mixin ruler($width:50px,$height:10px) {
background: {
color: black;
clip: content-box;
}
border: {
width: $height 1px;
style: solid;
color: transparent black;
};
@ganglio
ganglio / gist:4234793
Created December 7, 2012 17:16
Satsuma Logo
.logo {
border: 10px solid orange;
width: 100px;
height: 100px;
border-radius: 40px;
position: relative;
box-sizing: border-box;
color: black;
}
.logo:before {
@ganglio
ganglio / fb.js
Created December 13, 2012 14:39
CasperJS: Facebook photos scraper
var casper = require('casper').create({
verbose : true,
logLevel : 'info'
});
var images = [];
var fs=require("fs")
/**
* Configuration here
*/
@ganglio
ganglio / gist:4464968
Created January 6, 2013 03:08
JS: $ shortcut to querySelectorAll
function $(expr, con) {
return [].slice.call((con || document).querySelectorAll(expr));
}
@ganglio
ganglio / ganglio.zsh-theme
Created January 25, 2013 17:22
ZSH: Prompt Theme
##Ganglio theme
# A couple of definition
OPEN_SQUARE="%{$reset_color%}%{$fg[cyan]%}[%{$reset_color%}"
CLOSE_SQUARE="%{$reset_color%}%{$fg[cyan]%}]%{$reset_color%}"
TL_ANGLE="%{$reset_color%}%{$fg[cyan]%}┌%{$reset_color%}"
BL_ANGLE="%{$reset_color%}%{$fg[cyan]%}└%{$reset_color%}"
V_BAR="%{$reset_color%}%{$fg[cyan]%}│%{$reset_color%}"
VR_BAR="%{$reset_color%}%{$fg[cyan]%}├%{$reset_color%}"
AT_SIGN="%{$reset_color%}%{$fg[cyan]%}@%{$reset_color%}"
@ganglio
ganglio / dabblet.css
Created March 27, 2013 02:04
Untitled
.pesco {
width: 600px;
height: 300px;
box-shadow: 0 0 10px black inset;
}
@ganglio
ganglio / dabblet.css
Created March 27, 2013 03:04
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@ganglio
ganglio / me.svg
Created April 26, 2013 09:37
An SVG version of my face :D
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
ul.gallery {
list-style: none;
padding: 0;
margin: 0;
}
ul.gallery li {
width: 150px;
height: 150px;
overflow: hidden;