Skip to content

Instantly share code, notes, and snippets.

@bpainter
Created April 16, 2013 12:02
Show Gist options
  • Save bpainter/5395396 to your computer and use it in GitHub Desktop.
Save bpainter/5395396 to your computer and use it in GitHub Desktop.
A CodePen by Bermon Painter. Sass Syntax
<h1>Sass Syntax</h1>
<p>The Sass syntax is the original syntax. It is white-space dependent and doesn't require curly braces or semi-colons. A gotcha to keep in mind is that your tabbing has to be consistent. You can't mix spaces or tabs and the tab length should be consistent otherwise the compiler will eat flaming death.</p>
<div class="columns">
<div class="col1">Column 1</div>
<div class="col2">Column 2</div>
<div class="col3">Column 2</div>
</div>
@import "compass"
h1
font-size: 20px
margin: 0
p
margin: 0 0 10px
.columns
background-color: #ccc
width: 100%
div
background-color: #666
display: inline-block
height: 150px
margin-right: 4.3%
width: 30%
.col3
margin-right: 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment