gravityframework 0.0.2

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

@@ -0,0 +1,215 @@
+/* --------------------------------------------------------------
+
+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;
+		@include rounded(2px);
+		font: 12px $sans;
+		margin: 0 0 20px 0;
+		width: 100%;
+		display: block;
+		@include gradient(#fafafa,#fff);
+	
+		/* 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, #666), color-stop(1, #000));
+    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;
+		@include rounded(5px);
+		@include gradient();
+		border:0;
+		color:#FFF;
+}

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

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

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

@@ -0,0 +1,83 @@
+/* Custom Mixins. You can delare your own mixins here. */
+
+/* Add rounded corners to all sides */
+@mixin rounded($radius: 10px) {
+	border-radius: $radius;
+	-moz-border-radius: $radius;
+	-webkit-border-radius: $radius;
+}
+
+/* Add rounded corners to certain sides */
+@mixin 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;
+}
+
+@mixin textShadow($x-axis:1px, $y-axis:1px, $casting:1px, $color:#FFF) {
+	text-shadow: $x-axis $y-axis $casting $color;
+}
+
+@mixin shadow( $off-y:1px, $off-x:1px, $blur:2px, $color:#444) {
+	-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;
+}
+
+@mixin gradient($from:#111, $to:#333) {
+	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 */
+@mixin 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;
+}
+
+@mixin scale($scale:1) {
+	-moz-transform: scale($scale);
+	-webkit-transform: scale($scale);
+	-o-transform: scale($scale);
+	-ms-transform: scale($scale);
+	transform: scale($scale);
+}
+
+@mixin 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 */
+@mixin opacity($value:0.8){
+	opacity:$value;
+	filter:alpha(opacity=$value*100);	
+}
+
+@mixin 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/scss/lib/helpers/_tables.scss

@@ -0,0 +1,30 @@
+/* --------------------------------------------------------------
+
+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/scss/style.scss

@@ -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{@include 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/views/index.haml

@@ -0,0 +1,21 @@
+!!! 5
+%html{:class => "no-js", :lang => "en"}
+  %head
+    %meta{:charset => "utf-8"}/
+    %title="Project Title"
+    %meta{:content => "", :name => "description"}/
+    %meta{:content => "", :name => "author"}/
+    %script{:src => "http://html5shim.googlecode.com/svn/trunk/html5.js"}
+    
+    <!-- Mobile Specific Meta Tags -->
+    %meta{:name => "viewport", :content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;"}
+  
+    <!-- CSS -->
+    %link{:rel => "stylesheet", :href => "css/stylesheets/style.css", :type => "text/css"}
+
+  %body
+      
+    %script{:src => "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"}
+    %script{:src => "http://ajax.cdnjs.com/ajax/libs/underscore.js/1.1.6/underscore-min.js"}
+    %script{:src => "http://ajax.cdnjs.com/ajax/libs/backbone.js/0.3.3/backbone-min.js"}
+    %script{:src => "javascripts/application.js"}

data/lib/gravityframework/version.rb

@@ -0,0 +1,3 @@
+module Gravityframework
+  VERSION = "0.0.2"
+end

data/lib/gravityframework.rb

@@ -0,0 +1,6 @@
+require 'Fileutils'
+require "gravityframework/version"
+require "installer"
+
+module Gravityframework
+end

data/lib/installer.rb

@@ -0,0 +1,16 @@
+module Gravityframework
+	module Installer
+		def self.create(project_name, libdir, cwd)
+			unless File.directory?(project_name)
+				#Make a new folder in the current directory
+				dir = File.dirname(__FILE__)
+				Dir.mkdir(dir + '/' + project_name)
+				#Recursively copy the gravity files into our new project directory
+				FileUtils.cp_r libdir + '/gravityframework/src/.', cwd + '/' + project_name + '/'
+				puts "New project #{project_name} successfully created in #{cwd}"
+			else
+				puts "That project already exists. Please try another name"
+			end
+		end
+	end
+end

metadata

@@ -0,0 +1,115 @@
+--- !ruby/object:Gem::Specification
+name: gravityframework
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+  prerelease: 
+platform: ruby
+authors:
+- Owain Lewis
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-08-21 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: &25071312 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *25071312
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: &25071060 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: *25071060
+description: Gravity is a CSS framework by Owain Lewis
+email:
+- owain@owainlewis.com
+executables:
+- gravity-init.rb
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Rakefile
+- bin/gravity-init.rb
+- gravityframework.gemspec
+- lib/gravityframework.rb
+- lib/gravityframework/src/images/baseline_20.png
+- lib/gravityframework/src/index.html
+- lib/gravityframework/src/javascripts/application.coffee
+- lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/MIT.LICENSE
+- lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine-html.js
+- lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine.css
+- lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine.js
+- lib/gravityframework/src/javascripts/test/lib/jasmine-1.1.0.rc1/jasmine_favicon.png
+- lib/gravityframework/src/javascripts/test/spec/Application.spec.js
+- lib/gravityframework/src/javascripts/test/spec_runner.html
+- lib/gravityframework/src/rakefile
+- lib/gravityframework/src/stylesheets/css/style.css
+- lib/gravityframework/src/stylesheets/sass/lib/_core.sass
+- lib/gravityframework/src/stylesheets/sass/lib/_elements.sass
+- lib/gravityframework/src/stylesheets/sass/lib/_grid.sass
+- lib/gravityframework/src/stylesheets/sass/lib/_reset.sass
+- lib/gravityframework/src/stylesheets/sass/lib/_settings.sass
+- lib/gravityframework/src/stylesheets/sass/lib/_typography.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_buttons.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_classes.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_forms.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_media_queries.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_mixins.sass
+- lib/gravityframework/src/stylesheets/sass/lib/helpers/_tables.sass
+- lib/gravityframework/src/stylesheets/sass/style.sass
+- lib/gravityframework/src/stylesheets/scss/lib/_core.scss
+- lib/gravityframework/src/stylesheets/scss/lib/_elements.scss
+- lib/gravityframework/src/stylesheets/scss/lib/_grid.scss
+- lib/gravityframework/src/stylesheets/scss/lib/_reset.scss
+- lib/gravityframework/src/stylesheets/scss/lib/_settings.scss
+- lib/gravityframework/src/stylesheets/scss/lib/_typography.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_buttons.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_classes.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_forms.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_media_queries.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_mixins.scss
+- lib/gravityframework/src/stylesheets/scss/lib/helpers/_tables.scss
+- lib/gravityframework/src/stylesheets/scss/style.scss
+- lib/gravityframework/src/views/index.haml
+- lib/gravityframework/version.rb
+- lib/installer.rb
+homepage: ''
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: gravityframework
+rubygems_version: 1.8.8
+signing_key: 
+specification_version: 3
+summary: Gravityframework is a SASS framework that helps you build better websites
+test_files: []