Chris Eppstein chriseppstein

## 0_usage.scss
@include keyframes(appear-and-roundify) {
  0%   { opacity: 0; @include border-radius(2px);  }
  100% { opacity: 1; @include border-radius(10px); }
}

## input.scss
%bordered {
  .section & {
    border: 1px solid #ccc;
  }
}

.sidebar .quotation {
  @extend %bordered;
}

## dependency_extractor.rb
# extracts dependencies for a file
class DependencyExtractor
  class Asset < Struct.new(:filename, :importer, :children)
    def initialize(*args)
      super
      self.children ||= []
    end

    # transitive dependencies. Call `children` for just the immediate dependencies.
    def dependencies

## captures.scss
// A named buffer. Will append to existing content captured there.
// The buffer can be accessed via get-capture("foo") or @emit "foo".
@capture "foo" {
  @media screen {
    .asdf {
      .qwerty {
        /* This is a comment */
        color: red;
      }
    }

## readme.md

      
              1 file
            
          
              15 forks
            
          
              59 comments
            
          
              86 stars
            
          
                chriseppstein
                / readme.md
            
            
              Created
              August 31, 2011 21:57
                — forked from mislav/Gemfile
            
              
                How to integrate Compass with Rails 3.1 asset pipeline
              
          
    This gist is no longer valid. Please see Compass-Rails for instructions on how to install.

  
## _minified_filenaming.md

      
              2 files
            
          
              0 forks
            
          
              2 comments
            
          
              16 stars
            
          
                chriseppstein
                / _minified_filenaming.md
            
            
              Last active
              November 26, 2019 07:40
            
              
                compiling a minified version of css. This configures your compass project to emit files in minified form when compiling for production. 
              
          
    $ compass compile --environment production && compass compile

Afterwards you will have both the minified and non-minified versions in your output folder. Note that compass clean will not clean up your minified files.

  
## semantic_summary.rb
#!/usr/bin/env ruby
require 'rubygems'
require 'nokogiri'
require 'open-uri'

url = ARGV[0]

class Document < Nokogiri::XML::SAX::Document
  SEMANTIC_CONTAINERS = %w(body article section nav aside hgroup header footer)
  COUNT_ELEMENTS = %w(p a)

## background_noise_function.rb
require "rubygems"
require "chunky_png"
require "base64"

module Sass::Script::Functions

  def background_noise(c, noise = 0.5, opacity = 0.08, size = 200, mono = false)

    # Convert SASS numbers to Ruby classes
    noise   = noise.to_s.to_f   if noise.is_a? Sass::Script::Number

## 0_selector_hacks.scss
@mixin ie6 { * html & { @content } }

#logo {
  background-image: url("/images/logo.png");
  @include ie6 { background-image: url("/images/logo.gif"); }
}

## sass_and_less_compared.markdown

      
              1 file
            
          
              160 forks
            
          
              77 comments
            
          
              752 stars
            
          
                chriseppstein
                / sass_and_less_compared.markdown
            
            
              Created
              November 12, 2010 21:35
            
          
    Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax
in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website.
The ruby version may be different.
Variables
	@include keyframes(appear-and-roundify) {
	0% { opacity: 0; @include border-radius(2px); }
	100% { opacity: 1; @include border-radius(10px); }
	}
	%bordered {
	.section & {
	border: 1px solid #ccc;
	}
	}

	.sidebar .quotation {
	@extend %bordered;
	}
	# extracts dependencies for a file
	class DependencyExtractor
	class Asset < Struct.new(:filename, :importer, :children)
	def initialize(*args)
	super
	self.children \|\|= []
	end

	# transitive dependencies. Call `children` for just the immediate dependencies.
	def dependencies
	// A named buffer. Will append to existing content captured there.
	// The buffer can be accessed via get-capture("foo") or @emit "foo".
	@capture "foo" {
	@media screen {
	.asdf {
	.qwerty {
	/* This is a comment */
	color: red;
	}
	}
	#!/usr/bin/env ruby
	require 'rubygems'
	require 'nokogiri'
	require 'open-uri'

	url = ARGV[0]

	class Document < Nokogiri::XML::SAX::Document
	SEMANTIC_CONTAINERS = %w(body article section nav aside hgroup header footer)
	COUNT_ELEMENTS = %w(p a)
	require "rubygems"
	require "chunky_png"
	require "base64"

	module Sass::Script::Functions

	def background_noise(c, noise = 0.5, opacity = 0.08, size = 200, mono = false)

	# Convert SASS numbers to Ruby classes
	noise = noise.to_s.to_f if noise.is_a? Sass::Script::Number
	@mixin ie6 { * html & { @content } }

	#logo {
	background-image: url("/images/logo.png");
	@include ie6 { background-image: url("/images/logo.gif"); }
	}