motherplate-rails 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 722b8f28f5d80a3adfee4e645c4e60d0f75d5821
+  data.tar.gz: f3ed00f0d96a2a1607acd030a0918c58fc6d4c2e
+SHA512:
+  metadata.gz: 4dd162275c8e3b6374a9ca6a2592359e0a5979767f6dc6ca1ea6af98604bb7984b87eb796cc46d217dabab97979aa54da1d98e2ba4c02464cc6f228e76538634
+  data.tar.gz: 3548ff428dc440f0867e087fce698440933c4ad8b44d96bf6d6f1986c7722c39baefbe3c612c911374961276a2a35850a3e2e3252f8a32229ca781bea3027016

data/.gitignore

@@ -0,0 +1,10 @@
+*.gem
+*.rbc
+/.config
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/test/tmp/
+/test/version_tmp/
+/tmp/

data/Gemfile

@@ -0,0 +1,3 @@
+source "https://rubygems.org"
+
+gemspec

data/lib/motherplate/rails/engine.rb

@@ -0,0 +1,7 @@
+module Motherplate
+  module Rails
+    class Engine < ::Rails::Engine
+      isolate_namespace Motherplate::Rails
+    end
+  end
+end

data/lib/motherplate/rails/version.rb

@@ -0,0 +1,5 @@
+module Motherplate
+  module Rails
+    VERSION = "0.0.1"
+  end
+end

data/lib/motherplate/rails.rb

@@ -0,0 +1,2 @@
+require 'motherplate/rails/engine'
+require 'motherplate/rails/version'

data/lib/motherplate-rails.rb

@@ -0,0 +1,2 @@
+require 'compass-rails'
+require 'motherplate/rails'

data/motherplate-rails.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'motherplate/rails/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "motherplate-rails"
+  spec.version       = Motherplate::Rails::VERSION
+  spec.authors       = ["Koen Punt"]
+  spec.email         = ["koen@fetch.nl"]
+  spec.description   = %q{Motherplate: A Responsive SCSS Boilerplate for Web Designers}
+  spec.summary       = %q{Motherplate: A Responsive SCSS Boilerplate for Web Designers}
+  spec.homepage      = "https://github.com/koenpunt/motherplate-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_runtime_dependency 'compass-rails', '~> 1.1', '>= 1.1.7'
+  spec.add_runtime_dependency 'railties', '~> 3.1', '>= 3.1.0'
+  spec.add_development_dependency 'rake', '~> 0'
+end

data/vendor/assets/stylesheets/motherplate/_config.scss

@@ -0,0 +1,41 @@
+// Consistent settings
+$br: 5px; // Border-radius
+$btn-br: 5px; // Button border-radius
+$padding: 40px; // Padding and margins
+
+// Responsive breakpoints
+$small-break: 480px;
+$big-break: 780px;
+
+// Better default colors
+// Cool
+$aqua:  #7FDBFF;
+$blue:  #0074D9;
+$navy:  #001F3F;
+$teal:  #39CCCC;
+$green: #2ECC40;
+$olive: #3D9970;
+$lime:  #01FF70;
+// Warm
+$yellow:  #FFDC00;
+$orange:  #FF851B;
+$red:     #FF4136;
+$fuchsia: #F012BE;
+$purple:  #B10DC9;
+$maroon:  #85144B;
+// Gray Scale
+$white:  #fff;
+$silver: #ddd;
+$grey:   #aaa;
+$black:  #111;
+
+// Color variables
+$primary-color: #1271db;
+$secondary-color: #233E5B;
+$tertiary-color: #aaa;
+
+$bad-color: $red; // Bad color for errors, validation etc.
+$good-color: $green; // Good color for success etc.
+$info-color: $blue; // Good color for success etc.
+$warning-color: $orange; // Good color for success etc.
+$subtle-color: $grey; // Subtle color for subtle text

data/vendor/assets/stylesheets/motherplate/_forms.scss

@@ -0,0 +1,48 @@
+form{
+
+	// Wrap each form input/element in a field div
+	.field{
+		margin-bottom:$padding/2;
+	}
+	label{
+		display:block;
+		margin-bottom:5px;
+	}
+	input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea{
+		@include box-shadow(inset 0 1px 2px rgba(0,0,0,.05));
+		width:100%;
+		padding:5px;
+		border:1px solid #ccc;
+		outline:none;
+		&:focus{
+			border-color:$primary-color;
+		}
+		&.auto{
+			width:auto;
+		}
+	}
+
+	// Notes go under the input fields
+	.note{
+		margin-top:5px;
+		color:$subtle-color;
+	}
+
+	// Required label
+	.req{
+		font-style: italic;
+	}
+
+	// Validation, add error class to the item div
+	.error{
+
+		// Validation reason
+		.reason{
+			margin-top:5px;
+			color:$bad-color;
+		}
+		input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea{
+			border-color:$bad-color;
+		}
+	}
+}

data/vendor/assets/stylesheets/motherplate/_grid.scss

@@ -0,0 +1,42 @@
+// 12 Column fluid and responsive grid
+
+.container{
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 0 10px;
+}
+
+.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
+	display: block;
+	margin-bottom: 20px;
+}
+
+// Grid columns are stacked until the display size is greater than min-width
+
+@include mobilefirst($small-break) {
+
+    $unit: 6.2056333%; // Width of each grid column unit
+    $margin: 2.1277%; // Margin between the grid columns
+
+    .container{
+        padding:0 40px;
+    }
+
+    .group {
+        margin-left: -$margin;
+    }
+
+    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
+        float: left;
+        margin-left: $margin;
+        margin-bottom: 0;
+        @include box-sizing(border-box);
+    }
+
+    @for $i from 1 through 12 {
+        .span#{$i} {
+            width: ($unit * $i) + ($margin * ($i - 1));
+        }
+    }
+
+}