scottkellum

// ---
// Singularity.gs (v1.0.8)
// Sass (v3.2.8)
// ---


/////////////////
// Singularity //
/////////////////
$bp-s: 500px;

scottkellum

$gutter: 2%;

@function foo($numerator, $denominator) {
    $x: ($numerator / $denominator) * 100%;
    @return $x - $gutter;
}

foo {

scottkellum

@function rem($rem, $base: 16px) {
    $property: font-size; // need property inspection
    @if unitless($rem) == false {
        $rem: $rem / 1rem;
    }
    $pixels: $rem * $base;

scottkellum

content{
    color: red;
    body.small & { width: 100px; }
    body.large & { width: 500px; }
}

scottkellum

// ---
// Singularity.gs (v1.0.8)
// Sass (v3.2.9)
// ---




// Singularity isn’t writing any styles here because no mixin is called.
// by default it does nothing.

scottkellum

// ---
// Singularity.gs (v1.0.8)
// Sass (v3.2.9)
// ---


.container{
    @include background-grid;
	// max-width: 940px;
	margin: 0 auto;

scottkellum

// ---
// Sass (v3.2.9)
// ---


@mixin background-position($width) {
  width: $width;
  background-position: ($width - 20px) center;
}

scottkellum

scott:test scottkellum$ compass watch project_one
>>> Change detected at 14:42:13 to: style.scss
    error project_one/sass/style.scss (Line 1: File to import not found or unreadable: button.
Load paths:
  /Users/scottkellum/Sites/meta-frameworking/test/project_one/sass
  /Users/scottkellum/.rvm/gems/ruby-1.9.2-p320@meta-frameworking/gems/compass-0.12.2/frameworks/blueprint/stylesheets
  /Users/scottkellum/.rvm/gems/ruby-1.9.2-p320@meta-frameworking/gems/compass-0.12.2/frameworks/compass/stylesheets
  Compass::SpriteImporter)
identical project_one/css/style.css 
>>> Compass is polling for changes. Press Ctrl-C to Stop.

scottkellum

// ---
// Modular Scale (v1.0.6)
// Sass (v3.2.9)
// ---


$base-size: 1em;

foo {
    font-size: ms(1);

scottkellum

// ----
// Sass (v3.2.10)
// Compass (v0.13.alpha.4)
// ----


input[type="checkbox"] + label {
    foo: bar;
}