Created
January 9, 2012 14:43
-
-
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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