gravityframework 0.0.2

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

@@ -0,0 +1,76 @@
+/* Custom Mixins. You can delare your own mixins here.
+
+/* Add rounded corners to all sides
+=rounded($radius: 10px)
+  border-radius: $radius
+  -moz-border-radius: $radius
+  -webkit-border-radius: $radius
+
+/* Add rounded corners to certain sides
+=roundedSides($topLeft, $topRight, $bottomRight, $bottomLeft)
+  -moz-border-radius-topleft: $topLeft
+  -moz-border-radius-topright: $topRight
+  -moz-border-radius-bottomright: $bottomRight
+  -moz-border-radius-bottomleft: $bottomLeft
+  border-top-left-radius: $topLeft
+  border-top-right-radius: $topRight
+  border-bottom-right-radius: $bottomRight
+  border-bottom-left-radius: $bottomLeft
+
+=textShadow($x-axis: 1px, $y-axis: 1px, $casting: 1px, $color: white)
+  text-shadow: $x-axis $y-axis $casting $color
+
+=shadow($off-y: 1px, $off-x: 1px, $blur: 2px, $color: #444444)
+  -moz-box-shadow: $off-y $off-x $blur $color
+  -webkit-box-shadow: $off-y $off-x $blur $color
+  box-shadow: $off-y $off-x $blur $color
+
+=gradient($from: #111111, $to: #333333)
+  background: $from
+  /* for non-css3 browsers
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$from', endColorstr='$to')
+  /* for IE
+  background: -webkit-gradient(linear, left top, left bottom, from($from), to($to))
+  /* for webkit browsers
+  background: -moz-linear-gradient(top, $from, $to)
+  /* for firefox 3.6+
+
+/* This is a particularly useful mixin if you want to add slick CSS3 animations to elements
+=transition($property: all, $duration: 0.5s, $function: ease-in-out)
+  -moz-transition: $property $duration $function
+  /* FF3.7+
+  -o-transition: $property $duration $function
+  /* Opera 10.5
+  -webkit-transition: $property $duration $function
+  /* Saf3.2+, Chrome
+  transition: $property $duration $function
+
+=scale($scale: 1)
+  -moz-transform: scale($scale)
+  -webkit-transform: scale($scale)
+  -o-transform: scale($scale)
+  -ms-transform: scale($scale)
+  transform: scale($scale)
+
+=rotate($angle)
+  -moz-transform: rotate($angle)
+  -webkit-transform: rotate($angle)
+  -o-transform: rotate($angle)
+  -ms-transform: rotate($angle)
+  transform: rotate($angle)
+  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})
+  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=#{cos($angle)}, M12=-#{sin($angle)}, M21=#{sin($angle)}, M22=#{cos($angle)})"
+  zoom: 1
+
+/* Cross browser opacity mixin
+=opacity($value: 0.8)
+  opacity: $value
+  filter: alpha(opacity = $value * 100)
+
+=fontFace($name, $src: fonts)
+  @font-face
+    font-family: 'FontName'
+    src: url("$src/$name.eot")
+    src: url("$src/$name.eot?iefix") format("eot"), url("$src/$name.woff") format("woff"), url("$src/$name.ttf") format("truetype"), url("$src/$name.svg#webfontZam02nTh") format("svg")
+    font-weight: normal
+    font-style: normal

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

@@ -0,0 +1,29 @@
+/* --------------------------------------------------------------
+ *
+ *TABLES
+ *
+ *--------------------------------------------------------------
+
+table
+  margin-bottom: 10px
+  width: 100%
+
+th
+  font-weight: bold
+  text-align: left
+  background: #ccc
+
+th,td
+  padding: 10px
+
+tr:nth-child(odd)
+  background-color: #f5f5f5
+
+tr:nth-child(even)
+  background-color: #eee
+
+tfoot
+  font-style: italic
+
+caption
+  background: #ffc

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

@@ -0,0 +1,38 @@
+@import lib/_settings
+@import lib/_core
+
+#container
+  width: $width
+  margin: 0 auto
+  padding: 20px 0
+  overflow: hidden
+
+/* --------------------------------------------------------------
+ *
+ *Main CSS. For demo purposes only. You can delete this.
+ *
+ *--------------------------------------------------------------
+
+body
+  background: #eee
+ 
+section
+  margin-bottom: $baseline
+  overflow: hidden
+
+h1, h2, h3, h4, h5, h6, p, li a
+  +textShadow
+
+h1, h2, h3, h4, h5, h6
+  text-transform: uppercase
+
+footer p
+  text-align: center
+
+/* --------------------------------------------------------------
+ *
+ *Media Queries for a responsive grid. Delete if not required.
+ *
+ *--------------------------------------------------------------
+
+@import lib/helpers/_media_queries

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

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

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

@@ -0,0 +1,109 @@
+/* --------------------------------------------------------------
+
+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;
+	@include 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/scss/lib/_grid.scss

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

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

@@ -0,0 +1,90 @@
+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/scss/lib/_settings.scss

@@ -0,0 +1,49 @@
+/* --------------------------------------------------------------
+
+Built with Gravity
+http://Gravityframework.com
+Version 1.3.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: #FFF;
+$text: #333;
+$links: #1c7fc4;
+$borders:#DDD;
+$headings: #333;
+
+$white:#fff;
+$grey: #666;
+$black: #000;

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

@@ -0,0 +1,48 @@
+/* --------------------------------------------------------------
+
+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/scss/lib/helpers/_buttons.scss

@@ -0,0 +1,22 @@
+@mixin button($color, $text_color,$width) {
+	@include rounded(10px);
+	@include 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 {
+		@include gradient(lighten($color,40%),lighten($color,10%));
+	}
+}
+
+
+

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

@@ -0,0 +1,25 @@
+/* --------------------------------------------------------------
+
+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;
+}