Skip to content

Instantly share code, notes, and snippets.

@andreasisaak
andreasisaak / SassMeister-input.scss
Created January 27, 2015 16:45
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
$colors: (
black : #000000,
white : #ffffff,
thunderbird : #bd1616,
@andreasisaak
andreasisaak / SassMeister-input.scss
Created January 5, 2015 13:40
Generated by SassMeister.com.
// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----
// Delete the "" in productive use
$icons: (
pencil-square-o : "$fa-var-pencil-square-o",
user : "$fa-var-user",
@andreasisaak
andreasisaak / example.scss
Last active August 29, 2015 14:07
Different syntax for SassScript Maps in libsass and rubysass
// rubysass
$icons: (
pencil-square-o : $fa-var-pencil-square-o,
user : $fa-var-user,
key : $fa-var-key,
);
@each $icon-value, $icon-key in $icons {
li.#{$icon-key} a:before {
@andreasisaak
andreasisaak / gist:e0ccc502fd69f26b5351
Created September 21, 2014 13:47
Using SSH keys on your server
http://kb.mediatemple.net/questions/1626/Using+SSH+keys+on+your+server
Local: cat ~/.ssh/id_rsa.pub | ssh root@example.com 'cat - >> ~/.ssh/authorized_keys'
Remote chmod 600 ~/.ssh/authorized_keys && chmod 700 ~/.ssh/
@andreasisaak
andreasisaak / gist:c4f86210dcdd9f90ab13
Created August 6, 2014 16:25
OP and autoinvite on irc
/msg ChanServ flags #channel username +AOiov
@andreasisaak
andreasisaak / composer.json
Created June 26, 2014 11:12
Reference single commit in composer
"isotope/isotope-core": "dev-develop#1ab3bfb62b99349d80722ffa05c4b9f7502cf003 as 2.1.3"
/*
* Reset the box-shadow
*/
@mixin reset-box-shadow {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
/*
* Normalize the icon font
*/
@mixin normalize-icon-font($font-family) {
font-family:$font-family;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
/*
* Example media queries
*
* max-width
* @include breakpoint(500)
* @media screen and (max-width: 500px)
*
* min-width
* @include breakpoint(500, min)
* @media screen and (min-width: 500px)
@import "compass";
/*
* Including retina images
* Based on https://gist.github.com/twe4ked/1432554
*
* How to use:
* @include background-image-retina('foobar', 'png', 10px, 20px);
*/
@mixin background-image-retina($file, $type, $width, $height) {