matthew-andrews

%absolute {
  position: absolute;
}

%absolute-fill-width {
  @extend %absolute;
  left: 0;
  right: 0;
}

matthew-andrews

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

$use-silent-classes-only: false!default;

@mixin class($class-name) {
  @if ($use-silent-classes-only == true) {
    %#{$class-name} {

matthew-andrews

// ----
// Sass (v3.2.13)
// Compass (v0.12.2)
// ----

$test: #FFF1E0;

.test {
  background-color: $test;
  color: #{$test};

matthew-andrews

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

.test {
  color: rgba(blue, 0.5);
  background: rgba(#FF00EE, 0.25);
}

matthew-andrews

// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----

@mixin o-hello-world($val: blue) {
  background-color: $val;
}

@function o-fizz-buzz($some-number, $another-number) {

matthew-andrews

// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----

%test-1 {
  background-color: blue;
}

%test-2 {

matthew-andrews

// ----
// Sass (v3.3.0.rc.3)
// Compass (v1.0.0.alpha.18)
// ----

// Works only in sass 3.3 (not yet released)

.ui-list {
  color: red;
  

matthew-andrews

// ----
// Sass (v3.3.0.rc.4)
// Compass (v1.0.0.alpha.18)
// ----

.foo {
  background-color: pink;
  
  &--bar {
    background-color: white;

matthew-andrews

// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----

%test {
 margin: 10px;
}

.my-thing {

matthew-andrews

// Let us open our database
var request = window.indexedDB.open("toDoList", 4);

// these two event handlers act on the database being opened successfully, or not
request.onerror = function(event) {
  note.innerHTML += '<li>Error loading database.</li>';
};
 
request.onsuccess = function(event) {
  note.innerHTML += '<li>Database initialised.</li>';