Dave Laird kiwiupover

##SASS setup for the team## Below is the setup file for the admin section of the site.

At the top on the admin-app.scss file we added all the dependancies we use in our style sheets :ie compass modules, files of color variables and files we use for the css framework.

As you can see below all the files under the pages folder are partials ie "_search_accounts.scss" and then that file is imported into that admin-app.scss. This means that file has access to the css framework and any imported dependencies.

With the admin section we have two main scss files

admin-app.scss
ie8.scss this is the ie specific file

Urbanspoon Font file Instructions

copy this the _urbanspoon_icon.sass file
goto http://sassmeister.com/gist/9399236
paste the _urbanspoon_icon.sass file into the sass paine to replace everything below the comments. from line 32.
Copy the css paine and paste that back into the stlyes.css file in the urbanspoon fonts folder.
Please make sure you dont remove the comments.
View the index.html file in the browser.

	$width: 4%;
	.inpad {padding:0 $width/2;}
	.inpad.four { width: 30.75 - $width !important; }
	.inpad.five { width: 39.45 - $width !important; }
	.inpad.six { width: 48 - $width !important; }
	.inpad.seven { width: 56.75 - $width !important; }

	li .inpad {padding:5px 5%;}

	.inpad.panell {

	%ul.block-grid.four-up
	%li
	Dave
	%li
	troy
	%li
	thankyou foundation
	%li
	troy this works

	// ----
	// Sass (v3.3.0.rc.1)
	// Compass (v0.13.alpha.10)
	// ----

	.btn-group
	> .btn + .btn
	margin-left: -1px

	// ----
	// Sass (v3.3.0.rc.1)
	// Compass (v0.13.alpha.10)
	// ----

	.btn-group
	> .btn + .btn
	margin-left: -1px

	// ----
	// Sass (v3.3.0.rc.1)
	// Compass (v0.13.alpha.10)
	// ----

	.button{
	color: purple;
	@at-root #{&}-org{
	color: orange;
	}

	// ----
	// Sass (v3.3.3)
	// Compass (v1.0.0.alpha.18)
	// ----

	.nav-tabs-right
	border-bottom: 0
	border-left: 1px solid #ddd

	.nav-tabs-right > li

	%h5
	This is how it works