Skip to content

Instantly share code, notes, and snippets.

@fullybaked
Created January 9, 2012 14:43
Show Gist options
  • Save fullybaked/1583219 to your computer and use it in GitHub Desktop.
Save fullybaked/1583219 to your computer and use it in GitHub Desktop.
Test file for SCSS parsing based on 4 examples on http://sass-lang.com
/* Test SCSS File */
/* Variables & Calculations */
$blue: #3bbfce;
$margin: 16px;
.content-navigation {
border-color: $blue;
color:
darken($blue, 9%);
}
.border {
padding: $margin / 2;
margin: $margin / 2;
border-color: $blue;
}
/* Nesting */
table.hl {
margin: 2em 0;
td.ln {
text-align: right;
}
}
li {
font: {
family: serif;
weight: bold;
size: 1.2em;
}
}
/* Mixins */
@mixin table-base {
th {
text-align: center;
font-weight: bold;
}
td, th {padding: 2px}
}
@mixin left($dist) {
float: left;
margin-left: $dist;
}
#data {
@include left(10px);
@include table-base;
}
/* Selector Inheritance */
.error {
border: 1px #f00;
background: #fdd;
}
.error.intrusion {
font-size: 1.3em;
font-weight: bold;
}
.badError {
@extend .error;
border-width: 3px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment