impressivewebs

.parent p {
  color: lightgreen;
  margin-bottom: 15px;

  span {
    background-color: goldenrod;
    color: #000000;
  }
}

impressivewebs

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

nav li a {
  color: cadetblue;
  text-decoration: none;

  &:hover { 

impressivewebs

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

.example-1 {
   font: {
       family: Arial;
       size: 1.5em;
       weight: bold;

impressivewebs

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

/* This will output
   as usual */
.example {
  display: inline-block;
  margin: 10px;

impressivewebs

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

$bgcolor: lavenderblush;
$bordercolor: peachpuff;

.example {
  background-color: $bgcolor;

impressivewebs

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

$bgcolor: lavenderblush;

.example {
  background-color: $bgcolor;
  

impressivewebs

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

.column {
  width: 100px + 7in;
}

.module {

impressivewebs

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

.column {
  width: 100px + 7in;
}

.module {

impressivewebs

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

p {
  font: 10px/8px sans-serif;
  padding: (20px/2);
}

impressivewebs

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

@mixin theme($name, $color) {
  .#{$name} {
    .element {
      color: $color;
    }