Shawn's Rails 3 Template
Invoke the creation a new Rails application in the command line as normal, but add the -m flag followed by the path that points to the
located in this project.
Internet Explorer Support
There is also meta information setup in
application.html.haml to set IE8 to
edge compatibility and also to check for Google Chrome Frame,
if it exists.
- _setup.sass (START HERE!)
- application.sass (Where all @imports are linked.)
/lib (Default libraries. Basically, don't touch these!)
/styles (Place your project-specific Sass in these files.)
Default Variables and Mixins in Sass
The following variables
$ and mixins
+ have been included in the project's Sass
Creates rounded corners that work in modern browsers.
If you wish to target less than four corners, append the position to the mixin like so:
||Creates a drop shadow that works in modern browsers.|
||Sets the number of CSS3-style columns.|
||Sets the size of the gaps between CSS3-style columns.|
||Sets both column -count and -gap in one mixin.|
||Sets the opacity of an entire element.|
||Create a CSS3 transformation.|
||Create a CSS3 transition.|
Font Stack Variables
|$geneva||geneva, tahoma, "dejavu sans condensed", sans-serif|
|$helvetica||"helvetica neue", helvetica, arial, freesans, "liberation sans", "numbus sans l", sans-serif|
|$lucida||"lucida grande", "lucida sans unicode", lucida sans, lucida, sans-serif|
|$verdana||verdana, "bitstream vera sans", "dejavu sans", "liberation sans", geneva, sans-serif|
|$georgia||georgia, "bitstream charter", "century schoolbook l", "liberation serif", times, serif|
|$palatino||palatino, "palatino linotype", palladio, "urw palladio l", "book antiqua", "liberation serif", times, serif|
|$times||times, "times new roman", "nimbus roman no9 l", freeserif, "liberation serif", serif|
|$courier||"courier new", courier, freemono, "nimbus mono l", "liberation mono", monospace|
|$monaco||monaco, "lucida console", "dejavu sans mono", "bitstream vera sans mono", "liberation mono", monospace|
Font Size Variables
There are a number of classes contained in
lib/_extend.sass that can be used in conjunction with the Sass
@extend function. Please
see that file for what's included.
I have been using and writing Sass since its original inception. Thus you'll notice I use the original Sass syntax and not the newer SCSS implementation.
I am not a fan of the SCSS style and will never be converting this project to it. If you'd prefer the SCSS style of writing your Sass, it should be easy enough to fork this project and convert the formatting styles. Check the SASS Documentation for more.
I also prefer prefixing the
: to the start of the attribute selector as opposed to the more CSS/SCSS syntax of the colon being the suffix.
This is just me being set in my ways and, in all honesty, doesn't effect the end-user functionality of the project if you choose to do otherwise.
If you have questions or concerns, feel free to give me a shout at: firstname.lastname@example.org