Skip to content

Instantly share code, notes, and snippets.

@ryanburnett
ryanburnett / SassMeister-input.scss
Created February 24, 2014 21:30
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
@import "compass";
$black:#000;
body {
@ryanburnett
ryanburnett / SassMeister-input.scss
Created February 24, 2014 21:28
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
$black:#000;
body {
background:$black;
}
module Sass::Script
# The abstract superclass for SassScript parse tree nodes.
#
# Use \{#perform} to evaluate a parse tree.
class Node
# The options hash for this node.
#
# @return [{Symbol => Object}]
attr_reader :options
@ryanburnett
ryanburnett / gist:8830368
Created February 5, 2014 18:44
ruby -rsass -rsass/script/node -e0
/Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:135:in `require': cannot load such file -- sass/script/node (LoadError)
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:135:in `rescue in require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:144:in `require'
@ryanburnett
ryanburnett / gist:8828325
Created February 5, 2014 17:01
compass -v
/Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require': cannot load such file -- sass/script/node (LoadError)
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gems/2.1.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `<top (required)>'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gems/2.1.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `block in <top (required)>'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gems/2.1.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:1:in `each'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/
/Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:135:in `require': cannot load such file -- sass/script/node (LoadError)
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:135:in `rescue in require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:144:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gems/2.1.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches/browser_support.rb:1:in `<top (required)>'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/core_ext/kernel_require.rb:55:in `require'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gems/2.1.0/gems/compass-0.12.2/lib/compass/sass_extensions/monkey_patches.rb:2:in `block in <top (required)>'
from /Users/Ryan/.rbenv/versions/2.1.0/lib/ruby/gem
@ryanburnett
ryanburnett / gist:8461791
Created January 16, 2014 19:34
_settings.scss
$small-range: (0em, 40em);
$medium-range: (40.063em, 64em);
$large-range: (64.063em, 90em);
$xlarge-range: (90.063em, 120em);
$xxlarge-range: (120.063em);
$screen: "only screen";
$landscape: "#{$screen} and (orientation: landscape)";
$portrait: "#{$screen} and (orientation: portrait)";
@ryanburnett
ryanburnett / gist:8461767
Created January 16, 2014 19:33
app.scss
@import "settings";
@import "foundation";
@media #{$small-up} {
body {background: red;}
}
@media #{$medium-up} {
body {background: orange;}
}
@media #{$large-up} {
@ryanburnett
ryanburnett / SassMeister-input.scss
Created January 16, 2014 18:30
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
//
// FOUNDATION SETTINGS
//
// This is the default html and body font-size for the base rem value.
@ryanburnett
ryanburnett / gist:8040771
Created December 19, 2013 15:18
conditionizr
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>conditionizr</title>
<script src="scripts/conditionizr.js"></script>
<script>
// Chrome
conditionizr.add('chrome', ['class'], function () {
return !!window.chrome && /google/i.test(navigator.vendor);