Created
April 16, 2013 12:02
-
-
Save bpainter/5395396 to your computer and use it in GitHub Desktop.
A CodePen by Bermon Painter. Sass Syntax
This file contains hidden or 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
<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> |
This file contains hidden or 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
@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