Sulcalibur

/* The Grid ---------------------- */
.lt-ie9 .row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row.large-collapse .column, 
.lt-ie9 .row.large-collapse .columns { padding: 0; }
.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.lt-ie9 .row .row.large-collapse { margin: 0; }

.lt-ie9 .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

Sulcalibur

.row { width: 1440px; max-width: 100%; min-width: 910px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.large-collapse .column,
.row.large-collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.large-collapse { margin: 0; }

.show-for-small { display: none !important; }
.show-for-large { display: inherit !important; }
.hide-for-large { display: none !important; }

Sulcalibur

// .sass syntax

// NOTE: This Sass stylesheet is dependent on the Custom Sass Function, convert-number-to-word, 
//       which is available here, https://gist.github.com/1439296


/* Arfully Masterminded by ZURB
/* Grid :: This is the mobile-friendly, responsive grid that lets Foundation work much of its magic.

// Using Default Number of Columns that Foundation starts off with, 12 columns

Sulcalibur

var casper = require("casper").create(),
    viewportSizes = [
    [320,480],
    [320,568],
    [600,1024],
    [1024,768],
    [1280,800],
    [1440,900]
],
    url = casper.cli.args[0],

Sulcalibur

// Design Variables for Calca
// Ref: [Bjango](http://bjango.com/articles/soulver/ )

k = 1000
iPhoneW = 320
iPhoneH = 568
iPhoneOldH = 480
iPhonePPI = 326
iPhoneOldPPI = 163
iPadW = 1024

Sulcalibur

Using Calca for design

Below, the variables and examples were taken verbatim from [Using Soulver for design][sfd].

I'm just posting this as a reference, and example of sharing plain text documents for use within Calca. [sfd]: http://bjango.com/articles/soulver/

Variables and examples

iPhoneW = 320

Sulcalibur

Enabling noConflict mode

Using a default Foundation download you'll see some code like this:

<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')

Sulcalibur

Enabling noConflict mode

Using a default Foundation download you'll see some code like this:

<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')

Sulcalibur

$visual-grid : true;
// ---------------------------------------------------------------------------
// Imports

@import "bourbon/bourbon";
@import "neat/neat";
@import "neat/neat-helpers";


$landscape: new-breakpoint(min-width 480px 4);

Sulcalibur

$column: golden-ratio(1em, 3) !default; // Column width
$gutter: golden-ratio(1em, 1) !default; // Gutter between each two columns
$grid-columns: 12 !default; // Total number of columns in the grid
$max-width: em(1088) !default; // Max-width of the outer container
$border-box-sizing: true !default; // Makes all elements have a border-box layout
$default-feature: min-width; // Default @media feature for the breakpoint() mixin
$default-layout-direction: LTR !default;