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
/** | |
* FizzBuzz with CSS | |
*/ | |
body { | |
counter-reset: fizzbuzz; | |
} | |
div { |
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
/* | |
Set a background image at 1x and 2x. | |
https://gist.github.com/3895807 | |
@param {String} $name Image name. | |
@param {String} $ext File extension, e.g.: '.png'. | |
*/ | |
@mixin retina-bg($name, $ext) { | |
@include squish-text; | |
$image: '#{$name}#{$ext}'; |
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
$footer-2x-layout: horizontal; | |
$footer-2x-sprite-dimensions: true; | |
$footer-layout: horizontal; | |
$footer-sprite-dimensions: true; | |
@import "compass/utilities/sprites/base"; | |
//** Footer ****************************************/ | |
@import "../images/footer/*.png"; |
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
# config.rb | |
on_sprite_saved do |filename| | |
if File.exists?(filename) | |
FileUtils.mv filename, filename.gsub(%r{-s[a-z0-9]{10}\.png$}, '.png').gsub('images/../images/', '') | |
end | |
end |
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
Network.View.Project.Lazyload = $.Core.View.Entity.extend({ | |
}, // proto | |
{ | |
init : function( lazyload ) { | |
var $images = $("#project-modules img.lazy-load"), | |
images_loaded = 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
Network.View.Project.Lazyload = $.Core.View.Entity.extend({ | |
}, // proto | |
{ | |
init : function( lazyload ) { | |
var $images = $('#project-modules img'), | |
$lazy_images = $images.filter('.lazy-load'); | |
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
<h1>Coolest text on the internet</h1> |
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
<h1>Coolest text on the internet</h1> |
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
{ | |
"phone" : "all and (max-width: 603px)", | |
"desktop": "all and (min-width: 1025px)", | |
"tablet" : "all and (min-width: 604px) and (max-width: 1024px)" | |
} |
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
$colors: #b00b00 #bada55 #de1e7e #f0feaf #ac1d1c #e1e100 #facade; | |
$stops: (); | |
@function gradient($i: 0) { | |
@if $i == length($colors) { | |
@return $stops; | |
} | |
$i: $i + 1; | |
$new-stops: nth($colors, $i) percentage(($i - 1)/length($colors)), nth($colors, $i) percentage($i/length($colors)); | |
$stops: join( $stops, $new-stops, comma ); |
OlderNewer