motherplate-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 722b8f28f5d80a3adfee4e645c4e60d0f75d5821
4
+ data.tar.gz: f3ed00f0d96a2a1607acd030a0918c58fc6d4c2e
5
+ SHA512:
6
+ metadata.gz: 4dd162275c8e3b6374a9ca6a2592359e0a5979767f6dc6ca1ea6af98604bb7984b87eb796cc46d217dabab97979aa54da1d98e2ba4c02464cc6f228e76538634
7
+ data.tar.gz: 3548ff428dc440f0867e087fce698440933c4ad8b44d96bf6d6f1986c7722c39baefbe3c612c911374961276a2a35850a3e2e3252f8a32229ca781bea3027016
data/.gitignore ADDED
@@ -0,0 +1,10 @@
1
+ *.gem
2
+ *.rbc
3
+ /.config
4
+ /coverage/
5
+ /InstalledFiles
6
+ /pkg/
7
+ /spec/reports/
8
+ /test/tmp/
9
+ /test/version_tmp/
10
+ /tmp/
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source "https://rubygems.org"
2
+
3
+ gemspec
@@ -0,0 +1,7 @@
1
+ module Motherplate
2
+ module Rails
3
+ class Engine < ::Rails::Engine
4
+ isolate_namespace Motherplate::Rails
5
+ end
6
+ end
7
+ end
@@ -0,0 +1,5 @@
1
+ module Motherplate
2
+ module Rails
3
+ VERSION = "0.0.1"
4
+ end
5
+ end
@@ -0,0 +1,2 @@
1
+ require 'motherplate/rails/engine'
2
+ require 'motherplate/rails/version'
@@ -0,0 +1,2 @@
1
+ require 'compass-rails'
2
+ require 'motherplate/rails'
@@ -0,0 +1,25 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'motherplate/rails/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "motherplate-rails"
8
+ spec.version = Motherplate::Rails::VERSION
9
+ spec.authors = ["Koen Punt"]
10
+ spec.email = ["koen@fetch.nl"]
11
+ spec.description = %q{Motherplate: A Responsive SCSS Boilerplate for Web Designers}
12
+ spec.summary = %q{Motherplate: A Responsive SCSS Boilerplate for Web Designers}
13
+ spec.homepage = "https://github.com/koenpunt/motherplate-rails"
14
+ spec.license = "MIT"
15
+
16
+ spec.files = `git ls-files`.split($/)
17
+ spec.executables = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
18
+ spec.test_files = spec.files.grep(%r{^(test|spec|features)/})
19
+ spec.require_paths = ["lib"]
20
+
21
+ spec.add_development_dependency "bundler", "~> 1.3"
22
+ spec.add_runtime_dependency 'compass-rails', '~> 1.1', '>= 1.1.7'
23
+ spec.add_runtime_dependency 'railties', '~> 3.1', '>= 3.1.0'
24
+ spec.add_development_dependency 'rake', '~> 0'
25
+ end
@@ -0,0 +1,41 @@
1
+ // Consistent settings
2
+ $br: 5px; // Border-radius
3
+ $btn-br: 5px; // Button border-radius
4
+ $padding: 40px; // Padding and margins
5
+
6
+ // Responsive breakpoints
7
+ $small-break: 480px;
8
+ $big-break: 780px;
9
+
10
+ // Better default colors
11
+ // Cool
12
+ $aqua: #7FDBFF;
13
+ $blue: #0074D9;
14
+ $navy: #001F3F;
15
+ $teal: #39CCCC;
16
+ $green: #2ECC40;
17
+ $olive: #3D9970;
18
+ $lime: #01FF70;
19
+ // Warm
20
+ $yellow: #FFDC00;
21
+ $orange: #FF851B;
22
+ $red: #FF4136;
23
+ $fuchsia: #F012BE;
24
+ $purple: #B10DC9;
25
+ $maroon: #85144B;
26
+ // Gray Scale
27
+ $white: #fff;
28
+ $silver: #ddd;
29
+ $grey: #aaa;
30
+ $black: #111;
31
+
32
+ // Color variables
33
+ $primary-color: #1271db;
34
+ $secondary-color: #233E5B;
35
+ $tertiary-color: #aaa;
36
+
37
+ $bad-color: $red; // Bad color for errors, validation etc.
38
+ $good-color: $green; // Good color for success etc.
39
+ $info-color: $blue; // Good color for success etc.
40
+ $warning-color: $orange; // Good color for success etc.
41
+ $subtle-color: $grey; // Subtle color for subtle text
@@ -0,0 +1,48 @@
1
+ form{
2
+
3
+ // Wrap each form input/element in a field div
4
+ .field{
5
+ margin-bottom:$padding/2;
6
+ }
7
+ label{
8
+ display:block;
9
+ margin-bottom:5px;
10
+ }
11
+ input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea{
12
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.05));
13
+ width:100%;
14
+ padding:5px;
15
+ border:1px solid #ccc;
16
+ outline:none;
17
+ &:focus{
18
+ border-color:$primary-color;
19
+ }
20
+ &.auto{
21
+ width:auto;
22
+ }
23
+ }
24
+
25
+ // Notes go under the input fields
26
+ .note{
27
+ margin-top:5px;
28
+ color:$subtle-color;
29
+ }
30
+
31
+ // Required label
32
+ .req{
33
+ font-style: italic;
34
+ }
35
+
36
+ // Validation, add error class to the item div
37
+ .error{
38
+
39
+ // Validation reason
40
+ .reason{
41
+ margin-top:5px;
42
+ color:$bad-color;
43
+ }
44
+ input[type=text],input[type=email],input[type=phone],input[type=password],input[type=number],input[type=search], textarea{
45
+ border-color:$bad-color;
46
+ }
47
+ }
48
+ }
@@ -0,0 +1,42 @@
1
+ // 12 Column fluid and responsive grid
2
+
3
+ .container{
4
+ max-width: 1200px;
5
+ margin: 0 auto;
6
+ padding: 0 10px;
7
+ }
8
+
9
+ .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
10
+ display: block;
11
+ margin-bottom: 20px;
12
+ }
13
+
14
+ // Grid columns are stacked until the display size is greater than min-width
15
+
16
+ @include mobilefirst($small-break) {
17
+
18
+ $unit: 6.2056333%; // Width of each grid column unit
19
+ $margin: 2.1277%; // Margin between the grid columns
20
+
21
+ .container{
22
+ padding:0 40px;
23
+ }
24
+
25
+ .group {
26
+ margin-left: -$margin;
27
+ }
28
+
29
+ .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12{
30
+ float: left;
31
+ margin-left: $margin;
32
+ margin-bottom: 0;
33
+ @include box-sizing(border-box);
34
+ }
35
+
36
+ @for $i from 1 through 12 {
37
+ .span#{$i} {
38
+ width: ($unit * $i) + ($margin * ($i - 1));
39
+ }
40
+ }
41
+
42
+ }