This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin float { | |
display: inline; | |
position: relative; | |
} | |
@mixin float-left { | |
float: left; | |
@include float; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# A list of possible usernames to reserve to avoid | |
# vanity URL collision with resource paths | |
# It is a merged list of the recommendations from this Quora discussion: | |
# http://www.quora.com/How-do-sites-prevent-vanity-URLs-from-colliding-with-future-features | |
# Country TLDs found here: | |
# http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains#Country_code_top-level_domains | |
# Languages found here: |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin vendor-prefix($name, $argument) { | |
-webkit-#{$name}: $argument; | |
-ms-#{$name}: $argument; | |
-moz-#{$name}: $argument; | |
-o-#{$name}: $argument; | |
#{$name}: $argument; | |
} | |
@mixin border-radius($argument) { | |
@include vendor-prefix(border-radius, $argument); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Here is a list of scopes to use in Sublime Text 2 snippets - | |
ActionScript: source.actionscript.2 | |
AppleScript: source.applescript | |
ASP: source.asp | |
Batch FIle: source.dosbatch | |
C#: source.cs | |
C++: source.c++ | |
Clojure: source.clojure | |
CoffeeScript: source.coffee |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin pte($pixels, $context:16) { | |
@return { $pixels / $context}em; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Stick all your icons in a subfolder in your images folder. Put retina versions in a subfolder of that called "@2x". | |
$sprites: sprite-map("NAME_OF_SUBFOLDER/*.png"); | |
$sprites2x: sprite-map("NAME_OF_SUBFOLDER/@2x/*.png"); | |
// stolen from 37signals | |
@mixin retina-media() { | |
@media (min--moz-device-pixel-ratio: 1.3), | |
(-webkit-min-device-pixel-ratio: 1.3), | |
(min-device-pixel-ratio: 1.3), | |
(min-resolution: 1.3dppx) { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin _position($position, $args) { | |
$offsets: top right bottom left; | |
@each $o in $offsets { | |
$i: index($args, $o); | |
@if $i | |
and $i + 1 <= length($args) | |
and type-of( nth($args, $i + 1) ) == number { | |
#{$o}: nth($args, $i + 1); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Mixin | |
@mixin inline-block() { | |
display: inline-block; | |
*zoom: 1; // hasLayout true for ie7 | |
*display: inline; // for ie7 | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin show-it { | |
height: auto; | |
visibility: visible; | |
@include opacity(1); // Compass mixin | |
} | |
@mixin hide-it { | |
position: absolute; | |
-webkit-transform: translate3d(-9999rem,0,0); | |
-moz-transform: translate3d(-9999rem,0,0); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@mixin size($width, $height: $width) { | |
width: $width; | |
height: $height; | |
} |
OlderNewer