Skip to content

Instantly share code, notes, and snippets.

View chriseppstein's full-sized avatar

Chris Eppstein chriseppstein

1.5k followers · 24 following
View GitHub Profile
@chriseppstein
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.

@chriseppstein
chriseppstein / input-placeholder.sass
Created April 17, 2011 05:39 — forked from mirisuzanne/input-placeholder.sass
// Mixins ---------------------------------------------------------------
=placeholder
&::-webkit-input-placeholder
@children
&:-moz-placeholder
@children
&.placeholder
@children
@chriseppstein
chriseppstein / awk-scss-mod.md
Last active March 16, 2018 17:34 — forked from markbrown4/awk-scss-mod.md 
{
  line = $0
  while (match(line, /^(.*)spacing\(([0-9\.]+)\)(.*)$/, groups)) {
    line = groups[1] "SPACING(" (groups[2] * 2) ")" groups[3]
  }
  gsub(/SPACING/, "spacing", line)
  print line
}
@chriseppstein
chriseppstein / rounded_corners.sass
Created February 24, 2009 10:31 — forked from merbjedi/gist:69222
// round corners (base)
= border-radius(!radius = 10px)
-moz-border-radius= !radius
-webkit-border-radius= !radius
border-radius= !radius
// top rounded corners
= border-top-radius(!radius = 10px)
+border-top-left-radius(!radius)
+border-top-left-radius(!radius)
@chriseppstein
chriseppstein / SassMeister-input.scss
Created January 6, 2014 19:11 — forked from scottkellum/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
@import "compass";
$map: (
animation: foo 1s infinite,
width: 200px,
@chriseppstein
chriseppstein / SassMeister-input.scss
Created November 13, 2013 16:01 — forked from kaelig/SassMeister-input.scss
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----
// Transform a value into rem
// Assuming baseline is set to 10px on :root/html
@function rem($value, $baseline: 10px) {
@if type-of($value) == list {
$result: ();
@chriseppstein
chriseppstein / Sass.scss
Last active December 11, 2015 12:18 — forked from Snugug/Sass.scss
@function add-grid($grid-definition) {
$grid-split: split_string($grid-definition, 'at');
$number: to-number(nth($grid-split, 2));
@debug $number;
@debug type-of($number);
@return $number;
}
@chriseppstein
chriseppstein / split_string.rb
Last active December 11, 2015 01:49 — forked from Snugug/split_string.rb
def split_string(string, key)
items = string.value.split(" " + key.value + " ")
if items.count == 1
Sass::Script::Bool.new(false)
else
Sass::Script::List.new(items.map{|i| Sass::Script::String.new(i), :comma)
end
end
@chriseppstein
chriseppstein / wrong.scss
Created June 28, 2012 02:57 — forked from Snugug/wrong.scss
$test:();
@for $i from 0 through 5 {
$test: append($test, a b, comma);
}
@debug $test;
@debug nth($test, 1);
@debug nth(nth($test, 1),2);
@chriseppstein
chriseppstein / filters.sass
Created June 6, 2012 20:40 — forked from DeviaVir/filters.sass
Filters SASS
@mixin filter( $var )
-webkit-filter: $var
-moz-filter: $var
-ms-filter: $var
-o-filter: $var
filter: $var
a
&.on
@include filter( sepia(100%) hue-rotate(33deg) contrast(69%) unquote("saturate(2)"))