Pin 2 quarter compass blocks together, matching at the curved seam and the points.
The TextMate bundle for Sass is great and I use it often. To trim, take your 6 square ruler and line the 45 degree angle line with the center seam on your wedge.Definitely worth a look if you are serious about Sass. The Sass Reference contains what I talked about today and much much more.Here are a few links that may help you along the way: I've switched over to it for all of my recent projects and I really enjoy working with it. The time and budget challenges are the most difficult part and after multiple attemps with different versions I make it to the finish in double the time goal (even when taking the shortcut at the compass) and barely within budget. I hope you understand the basics of using Sass and Compass and will possibly use it in your next project! Now, if you are like I was when I found Sass, and said "I don't need this!", give it a try. Looking forward to the 'tutorials'as Im sure that Im not optimising the application of storage gates.
Logicbots compass tutorial code#
For example, you could also keep a mixins sass file that you copied around projects and then a simple import would add that code it - no copy and paste. This feature is really nice in giving you the ability the keep extraneous styles outside your main file. Sass also has the ability to import other Sass files, so lets say you wanted to import a file (in the same as this sass file), you would add: reset.sass Changing our mixin, it would look like:Īnd then to use you could use what we did before, and then the value would default to 4px, otherwise: Lets say though, you may want the border radius to be variable - well you can have a mixin expect to be passed some values. I am going to be working in the screen.sass file, so delete everything and your Sass would like: One of the problems with that is that you are repeating the same name many times. Normally when writing CSS, you would write something like: #header
Logicbots compass tutorial how to#
Now that you know how to setup a project, I'll explain some of the "rules" of working with Sass Sass Syntax