kiwiupover

kiwiupover

// ----
// 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

kiwiupover

Urbanspoon Font file Instructions

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

kiwiupover

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

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

kiwiupover

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

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

kiwiupover

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

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

kiwiupover

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

kiwiupover

%h5
    This is how it works

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

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

kiwiupover

$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 {