gravityframework 0.0.2

data/lib/gravityframework/src/stylesheets/sass/lib/_core.sass

@@ -0,0 +1,7 @@
+@import _reset
+@import helpers/_mixins
+@import helpers/_tables
+@import _typography
+@import helpers/_classes
+@import _grid
+@import helpers/_forms

data/lib/gravityframework/src/stylesheets/sass/lib/_elements.sass

@@ -0,0 +1,100 @@
+/* --------------------------------------------------------------
+ *
+ *PAGE ELEMENTS
+ *
+ *--------------------------------------------------------------
+
+p
+  margin-bottom: $baseline
+
+ul, ol
+  margin-bottom: $baseline
+
+ul
+  list-style: none
+
+ol
+  list-style-type: decimal
+
+li
+  margin-bottom: $baseline / 2
+
+ul li ul
+  margin-left: $baseline
+  margin-top: $baseline / 2
+  margin-bottom: $baseline / 2
+
+dl
+  margin-bottom: $baseline
+
+dl dt
+  font-weight: bold
+  margin-bottom: $baseline / 2
+
+dl dd
+  margin-bottom: $baseline / 2
+
+abbr, acronym
+  border-bottom: 1px dotted #000
+
+address
+  font-style: italic
+
+del
+  color: #000
+
+a
+  color: $links
+  text-decoration: none
+  +transition
+  /* Force a hand pointer for all links
+  cursor: pointer
+
+a:hover
+  text-decoration: none
+
+blockquote
+  display: block
+
+strong
+  font-weight: bold
+
+em, dfn
+  font-style: italic
+
+dfn
+  font-weight: bold
+
+pre, code
+  margin: 10px 0
+  white-space: pre
+
+pre, code, tt
+  font: 1em monospace
+  line-height: 1.5
+
+tt
+  display: block
+
+q
+  font-style: italic
+  font-weight: bold
+  font-family: $serif
+
+cite
+  display: block
+  font-weight: bold
+
+/* --------------------------------------------------------------
+ *
+ *IMAGES
+ *
+ *--------------------------------------------------------------
+
+img
+  margin-bottom: 10px
+
+figcaption
+  display: block
+  font-weight: bold
+  font-style: italic

data/lib/gravityframework/src/stylesheets/sass/lib/_grid.sass

@@ -0,0 +1,30 @@
+/* --------------------------------------------------------------
+ *
+ *CSS GRID. www.owainlewis.com
+ *
+ *--------------------------------------------------------------
+
+$col_width: ($width - $gutters * ($columns - 1)) / $columns
+$col_total_width: $col_width + $gutters
+
+=col($n: 1)
+  float: left
+  +buildColumn($n)
+
+=last
+  margin-right: 0
+
+=buildColumn($n: 1)
+  width: $n * $col_width + ($n - 1) * $gutters
+  @if $n == 1
+    +last
+  @if $n == columns
+    +last
+  @else
+    margin-right: $gutters
+
+@for $i from 1 through $columns
+  .col-#{$i}
+    +col($i)
+    &:last-child
+      +last

data/lib/gravityframework/src/stylesheets/sass/lib/_reset.sass

@@ -0,0 +1,84 @@
+html,body,div,span,object,iframe,
+h1,h2,h3,h4,h5,h6,p,blockquote,pre,
+abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,
+small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
+fieldset,form,label,legend,
+table,caption,tbody,tfoot,thead,tr,th,td,
+article,aside,canvas,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section,summary,
+time,mark,audio,video
+  margin: 0
+  padding: 0
+  border: 0
+  font-size: 100%
+  font: inherit
+  vertical-align: baseline
+
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section
+  display: block
+
+blockquote,q
+  quotes: none
+
+blockquote:before,blockquote:after,
+q:before,q:after
+  content: ""
+  content: none
+
+ins
+  background-color: #ff9
+  color: #000
+  text-decoration: none
+
+mark
+  background-color: #ff9
+  color: #000
+  font-style: italic
+  font-weight: bold
+
+del
+  text-decoration: line-through
+
+abbr[title],dfn[title]
+  border-bottom: 1px dotted
+  cursor: help
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+hr
+  display: block
+  height: 1px
+  border: 0
+  border-top: 1px solid #ccc
+  margin: 1em 0
+  padding: 0
+
+input,select
+  vertical-align: middle
+
+textarea
+  overflow: auto
+
+.ie6 legend,.ie7 legend
+  margin-left: -7px
+
+input[wtype="radio"]
+  vertical-align: text-bottom
+
+input[type="checkbox"]
+  vertical-align: bottom
+
+.ie7 input[type="checkbox"]
+  vertical-align: baseline
+
+.ie6 input
+  vertical-align: text-bottom
+
+label,input[type="button"],input[type="submit"],input[type="image"],button
+  cursor: pointer
+
+button,input,select,textarea
+  margin: 0

data/lib/gravityframework/src/stylesheets/sass/lib/_settings.sass

@@ -0,0 +1,43 @@
+/* --------------------------------------------------------------
+ *
+ *Built with Gravity
+ *http://Gravityframework.com
+ *Version 0.0.1
+ *Developed by: Owain Lewis
+ *www.owainlewis.com
+ *License: MIT
+ *http://www.opensource.org/licenses/mit-license.php
+ *
+ *--------------------------------------------------------------
+
+/*
+ *
+ *Grid Layout
+
+$width: 940px
+$gutters: 20px
+$columns: 12
+$baseline: 20px
+
+/*
+ *
+ *Fonts
+
+$sans: "Helvetica Neue", Helvetica, Arial, sans-serif
+$serif: Georgia, Times, serif
+$mono: "Lucida Console", "Andale Mono", monospace
+$font-size: 14px
+
+/*
+ *
+ *Colors
+
+$background: white
+$text: #333333
+$links: #1c7fc4
+$borders: #dddddd
+$headings: #333333
+
+$white: white
+$grey: #666666
+$black: black

data/lib/gravityframework/src/stylesheets/sass/lib/_typography.sass

@@ -0,0 +1,45 @@
+/* --------------------------------------------------------------
+ *
+ *TYPOGRAPHY
+ *
+ *--------------------------------------------------------------
+
+/* Default fonts and colors.
+body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea
+  line-height: $baseline
+  font-family: $sans
+  color: $text
+  font-size: $font-size
+
+/* --------------------------------------------------------------
+ *
+ *HEADINGS
+ *
+ *--------------------------------------------------------------
+
+h1,h2,h3,h4,h5
+  margin-bottom: $baseline
+  color: $headings
+  font-weight: 900
+
+h1
+  font-size: $baseline * 2
+  line-height: $baseline * 2
+
+h2
+  font-size: $baseline
+  line-height: $baseline
+
+h3
+  font-size: $baseline
+  line-height: $baseline
+
+h4
+  font-size: $baseline
+  line-height: $baseline
+
+h5
+  font-size: $baseline
+  line-height: $baseline
+
+@import _elements

data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_buttons.sass

@@ -0,0 +1,15 @@
+=button($color, $text_color, $width)
+  +rounded(10px)
+  +gradient(lighten($color, 30%), $color)
+  cursor: pointer
+  font-weight: bold
+  color: $text_color
+  display: block
+  border: 1px solid darken($color, 10%)
+  text-align: center
+  padding: 10px 20px
+  margin: 0 0 20px 0
+  @if $width
+    width: $width
+  &:hover
+    +gradient(lighten($color, 40%), lighten($color, 10%))

data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_classes.sass

@@ -0,0 +1,24 @@
+/* --------------------------------------------------------------
+ *
+ *GENERAL CLASSES
+ *
+ *--------------------------------------------------------------
+
+.wrap
+  width: $width
+  margin: 0 auto
+
+.clear
+  clear: both
+
+.center
+  text-align: center
+
+.uppercase
+  text-transform: uppercase
+
+.titlecase
+  text-transform: capitalize
+
+.invisible
+  visibility: hidden

data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_forms.sass

@@ -0,0 +1,184 @@
+/* --------------------------------------------------------------
+ *
+ *Form Settings. 
+ *Most of this is inspired by the awesome work of Nathan Smith and formalize css!
+ *
+ *--------------------------------------------------------------
+
+$formPadding: 5px
+
+\::-moz-focus-inner
+  border: 0
+  padding: 0
+
+input[type="search"]::-webkit-search-decoration
+  display: none
+
+form
+  margin-bottom: $baseline
+
+fieldset
+  margin-bottom: $baseline
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="tel"]:focus,
+textarea:focus
+  border: 1px solid #aaa
+  color: #444
+
+textarea
+  min-height: 100px
+  resize: none
+  overflow: auto
+  width: 100%
+
+label,
+legend
+  display: block
+  font-weight: bold
+  font-size: 13px
+
+select
+  width: 100%
+
+input[type="checkbox"]
+  display: inline
+
+label span,
+legend span
+  font-weight: normal
+  font-size: 13px
+  color: #444
+
+input,
+button,
+select,
+textarea
+  vertical-align: middle
+
+input[type="radio"],
+input[type="checkbox"]
+  position: relative
+  vertical-align: top
+  top: 3px
+  /* IE8, IE9, IE10
+  top: 0\0
+  /* IE7
+  *top: -3px
+  margin-right: 5px
+
+/* iPad
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 2px
+
+/* iPhone 3
+@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 0
+
+/* iPhone 4
+@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px)
+  input[type="radio"],
+  input[type="checkbox"]
+    vertical-align: baseline
+    top: 0
+
+textarea,
+select,
+input[type="date"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="email"],
+input[type="month"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="time"],
+input[type="url"],
+input[type="week"]
+  -webkit-appearance: none
+  -moz-border-radius: 0
+  -webkit-border-radius: 0
+  border-radius: 0
+  -webkit-box-sizing: border-box
+  -moz-box-sizing: border-box
+  box-sizing: border-box
+  -moz-background-clip: padding
+  -webkit-background-clip: padding
+  background-clip: padding-box
+  border: 1px solid $borders
+  border-color: $borders $borders $borders
+  color: $black
+  padding: $formPadding
+  outline: none
+  +rounded(2px)
+  font: 12px $sans
+  margin: 0 0 20px 0
+  width: 100%
+  display: block
+  +gradient(#fafafa, white)
+  /* IE7
+  *padding-top: 2px
+  *padding-bottom: 1px
+  *height: auto
+
+/*
+ *Separate rule for Firefox.
+ *Separate rule for IE, too.
+ *Cannot stack with WebKit's.
+\::-webkit-input-placeholder
+  color: $black
+
+input:-moz-placeholder,
+textarea:-moz-placeholder
+  color: $black
+
+\:invalid
+  /*
+   *Suppress red glow that Firefox
+   *adds to form fields by default,
+   *even when user is still typing.
+  -moz-box-shadow: none
+  -webkit-box-shadow: none
+  box-shadow: none
+
+/* Tweaks for Safari + Chrome.
+@media (-webkit-min-device-pixel-ratio: 0)
+  select[size],
+  select[multiple]
+    background-image: none
+    padding: 0
+  \::-webkit-validation-bubble-message
+    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black))
+    border: $borders
+    color: #fff
+    font: $sans
+    padding: 15px 15px 17px
+    text-shadow: #000 0 0 1px
+  \::-webkit-validation-bubble-top-outer-arrow,
+  ::-webkit-validation-bubble-top-inner-arrow
+    display: none
+
+optgroup
+  color: #000
+  font-style: normal
+  font-weight: normal
+
+button[type=submit], input[type='submit']
+  padding: 7px 12px
+  text-align: center
+  font-weight: bold
+  +rounded(5px)
+  +gradient
+  border: 0
+  color: #FFF

data/lib/gravityframework/src/stylesheets/sass/lib/helpers/_media_queries.sass

@@ -0,0 +1,113 @@
+/* --------------------------------------------------------------
+ *
+ *MEDIA QUERIES
+ *
+ *--------------------------------------------------------------
+
+/* #Tablet (Portrait)
+ *==================================================
+
+/* 768px
+
+@media only screen and (min-width: 768px) and (max-width: 959px)
+  #container
+    width: 748px
+  .col-1
+    float: left
+    width: 44px
+    margin-right: 0
+    margin-right: 20px
+  .col-1:last-child
+    margin-right: 0
+  .col-2
+    float: left
+    width: 108px
+    margin-right: 20px
+  .col-2:last-child
+    margin-right: 0
+  .col-3
+    float: left
+    width: 172px
+    margin-right: 20px
+  .col-3:last-child
+    margin-right: 0
+  .col-4
+    float: left
+    width: 236px
+    margin-right: 20px
+  .col-4:last-child
+    margin-right: 0
+  .col-5
+    float: left
+    width: 300px
+    margin-right: 20px
+  .col-5:last-child
+    margin-right: 0
+  .col-6
+    float: left
+    width: 364px
+    margin-right: 20px
+  .col-6:last-child
+    margin-right: 0
+  .col-7
+    float: left
+    width: 428px
+    margin-right: 20px
+  .col-7:last-child
+    margin-right: 0
+  .col-8
+    float: left
+    width: 492px
+    margin-right: 20px
+  .col-8:last-child
+    margin-right: 0
+  .col-9
+    float: left
+    width: 556px
+    margin-right: 20px
+  .col-9:last-child
+    margin-right: 0
+  .col-10
+    float: left
+    width: 620px
+    margin-right: 20px
+  .col-10:last-child
+    margin-right: 0
+  .col-11
+    float: left
+    width: 684px
+    margin-right: 20px
+  .col-11:last-child
+    margin-right: 0
+  .col-12
+    float: left
+    width: 748px
+    margin-right: 20px
+  .col-12:last-child
+    margin-right: 0
+
+/* #Mobile (Portrait)
+ *==================================================
+
+/* 320px. iPhone
+
+@media only screen and (max-width: 767px)
+  #container
+    width: 300px
+  @for $i from 1 through $columns
+    .col-#{$i}
+      width: 280px
+      margin: 0 10px
+
+/* #Mobile (Landscape)
+ *==================================================
+
+/* 480px
+
+@media only screen and (min-width: 480px) and (max-width: 767px)
+  #container
+    width: 480px
+  @for $i from 1 through $columns
+    .col-#{$i}
+      width: 460px
+      margin: 0 10px