boarding_pass 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,17 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source 'https://rubygems.org'
2
+
3
+ gemspec
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2013 Michael LaCroix
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@@ -0,0 +1,27 @@
1
+ # BoardingPass
2
+
3
+ Boarding Pass provides a set of tools and defaults to quickly start web project front-ends. Includes [Sass](http://sass-lang.com/), [Bourbon](http://bourbon.io/), and [Neat](http://neat.bourbon.io/).
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile:
8
+
9
+ gem 'boarding_pass'
10
+
11
+ And then execute:
12
+
13
+ $ bundle
14
+
15
+ ### Rails 3.1+
16
+
17
+ In your `application.css.scss` file, add:
18
+
19
+ @import "boarding_pass";
20
+
21
+ ## Todo
22
+
23
+ * Add generators for non-Rails/Middleman projects.
24
+
25
+ ## License
26
+
27
+ MIT License
@@ -0,0 +1 @@
1
+ require "bundler/gem_tasks"
@@ -0,0 +1,8 @@
1
+ @import "boarding_pass/settings";
2
+ @import "boarding_pass/mixins";
3
+ @import "boarding_pass/defaults";
4
+ @import "boarding_pass/typography";
5
+ @import "boarding_pass/lists";
6
+ @import "boarding_pass/forms";
7
+ @import "boarding_pass/tables";
8
+ @import "boarding_pass/buttons";
@@ -0,0 +1,156 @@
1
+ // Buttons
2
+
3
+ .btn {
4
+ position: relative;
5
+ cursor: pointer;
6
+ outline: none;
7
+ display: inline-block;
8
+ text-align: center;
9
+ text-decoration: none;
10
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
11
+ line-height: 1;
12
+ font-size: 0.75em;
13
+ font-weight: normal;
14
+ padding: 0.375em 1em;
15
+ border-radius: 0.25em;
16
+ background-color: #f3f3f3;
17
+ background-image: -moz-linear-gradient(top, #ffffff, #e1e1e1);
18
+ background-image: -ms-linear-gradient(top, #ffffff, #e1e1e1);
19
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e1e1e1));
20
+ background-image: -webkit-linear-gradient(top, #ffffff, #e1e1e1);
21
+ background-image: -o-linear-gradient(top, #ffffff, #e1e1e1);
22
+ background-image: linear-gradient(top, #ffffff, #e1e1e1);
23
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0);
24
+ border: 1px solid #dadada;
25
+ border-left: 1px solid #d2d2d2;
26
+ border-right: 1px solid #d2d2d2;
27
+ border-bottom-color: #a9a9a9;
28
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 1px 0 rgba(255, 255, 255, 0.6);
29
+ text-shadow: 0 1px 0px #ffffff;
30
+ }
31
+
32
+ .btn,
33
+ .btn:hover {
34
+ color: #000;
35
+ }
36
+
37
+ .btn:hover {
38
+ filter: none;
39
+ background: none;
40
+ background: #eee;
41
+ text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
42
+ text-decoration: none;
43
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
44
+ }
45
+
46
+ // Active
47
+ .btn-big.btn-active,
48
+ .btn-big.btn-active:hover {
49
+ padding: 0.75em 1.5em;
50
+ }
51
+
52
+ .btn-active,
53
+ .btn-active:hover {
54
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) inset;
55
+ color: #555;
56
+ border: none;
57
+ background: none;
58
+ filter: none;
59
+ background-color: #ddd;
60
+ text-shadow: 0 1px 0px rgba(255, 255, 255, 0.8);
61
+ padding: 0.5em 2em 0.5em 2em;
62
+ }
63
+
64
+ // Small
65
+ .btn-small {
66
+ padding: 4px 12px;
67
+ font-size: 11px;
68
+ }
69
+
70
+ .btn-small.btn-active {
71
+ padding: 5px 12px;
72
+ }
73
+
74
+ // Big
75
+ .btn-big {
76
+ padding: 0.625em 1.5em;
77
+ font-size: 1.25em;
78
+ }
79
+
80
+ // Square
81
+ .btn-square {
82
+ -moz-border-radius: 0;
83
+ -webkit-border-radius: 0;
84
+ border-radius: 0;
85
+ }
86
+
87
+ // Round
88
+ .btn-round {
89
+ border-radius: 1em;
90
+ border-radius: 0 \0; // ie9 hack
91
+ }
92
+
93
+ // Full
94
+ .btn-full {
95
+ width: 100%;
96
+ }
97
+
98
+ // Group
99
+ .btn-group {
100
+ display: inline-block;
101
+ margin-right: 0.125em;
102
+ vertical-align: bottom;
103
+ }
104
+
105
+ .btn-group:after {
106
+ content: ".";
107
+ display: block;
108
+ height: 0;
109
+ clear: both;
110
+ visibility: hidden;
111
+ }
112
+
113
+ .btn-group > .btn,
114
+ .btn-group > input {
115
+ float: left;
116
+ -moz-border-radius: 0;
117
+ -webkit-border-radius: 0;
118
+ border-radius: 0;
119
+ margin-left: -0.0625em;
120
+ }
121
+
122
+ .btn-group > .btn:first-child {
123
+ border-radius: 0.25em 0 0 0.25em;
124
+ }
125
+
126
+ .btn-group > .btn:last-child {
127
+ border-radius: 0 0.25em 0.25em 0;
128
+ }
129
+
130
+ .btn-group > .btn.btn-round:first-child,
131
+ .btn-group > .input-search:first-child {
132
+ border-radius: 1em 0 0 1em;
133
+ }
134
+
135
+ .btn-group > .btn.btn-round:last-child,
136
+ .btn-group > .input-search:last-child {
137
+ border-radius: 0 1em 1em 0;
138
+ }
139
+
140
+ // Append
141
+ .btn-append {
142
+ margin-left: -0.125em;
143
+ border-radius: 0 0.25em 0.25em 0;
144
+ }
145
+
146
+ // Disabled
147
+ .btn.disabled,
148
+ .btn[disabled] {
149
+ border: none;
150
+ filter: none;
151
+ background: none;
152
+ background-color: #e9e9e9;
153
+ opacity: 0.6;
154
+ cursor: default;
155
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
156
+ }
@@ -0,0 +1,32 @@
1
+ html body {
2
+ padding-left: 0; // IE
3
+ padding-right: 0; // IE
4
+ }
5
+
6
+ body {
7
+ padding: 0;
8
+ margin: 0;
9
+ color: #444;
10
+ background: #FFF;
11
+ font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
12
+ font-size: 100%;
13
+ font-weight: normal;
14
+ line-height: 1.25;
15
+ -webkit-font-smoothing: antialiased !important;
16
+ }
17
+ ::selection {
18
+ background: #DDD;
19
+ text-shadow: none;
20
+ }
21
+
22
+ hr {
23
+ border: solid #ddd;
24
+ border-width: 1px 0 0;
25
+ clear: both;
26
+ margin: 1em 0;
27
+ height: 0;
28
+ }
29
+
30
+ input, textarea, button, select {
31
+ -webkit-font-smoothing: antialiased !important;
32
+ }
@@ -0,0 +1,76 @@
1
+ // Forms
2
+
3
+ form {
4
+ margin-bottom: 1.25em;
5
+ }
6
+
7
+ fieldset {
8
+ padding: 0;
9
+ margin: 0 0 1.25em 0;
10
+ border: none;
11
+ }
12
+
13
+ input[type="text"],
14
+ input[type="password"],
15
+ input[type="email"],
16
+ textarea,
17
+ select {
18
+ border: 1px solid #ccc;
19
+ padding: 6px 4px;
20
+ outline: none;
21
+ -moz-border-radius: 2px;
22
+ -webkit-border-radius: 2px;
23
+ border-radius: 2px;
24
+ font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
25
+ color: #777;
26
+ margin: 0;
27
+ width: 210px;
28
+ max-width: 100%;
29
+ display: block;
30
+ margin-bottom: 1.25em;
31
+ background: #fff;
32
+ }
33
+
34
+ select {
35
+ height: 1.625em;
36
+ line-height: 1.625em;
37
+ padding: 0;
38
+ }
39
+
40
+ input[type="text"]:focus,
41
+ input[type="password"]:focus,
42
+ input[type="email"]:focus,
43
+ textarea:focus {
44
+ border: 1px solid #aaa;
45
+ color: #444;
46
+ -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
47
+ -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
48
+ box-shadow: 0 0 3px rgba(0,0,0,.2);
49
+ }
50
+
51
+ textarea {
52
+ min-height: 60px;
53
+ }
54
+
55
+ label,
56
+ legend {
57
+ display: block;
58
+ margin-bottom: 0.25em;
59
+ font-weight: bold;
60
+ font-size: 0.8125em;
61
+ }
62
+
63
+ select {
64
+ width: 15em;
65
+ }
66
+
67
+ input[type="checkbox"] {
68
+ display: inline;
69
+ }
70
+
71
+ label span,
72
+ legend span {
73
+ font-weight: normal;
74
+ font-size: 0.875em;
75
+ color: #444;
76
+ }
@@ -0,0 +1,47 @@
1
+ // Lists
2
+
3
+ ul,
4
+ ol {
5
+ padding: 0;
6
+ margin-bottom: 1.25em;
7
+ margin-left: 2em;
8
+ }
9
+
10
+ ol {
11
+ list-style: decimal;
12
+ }
13
+
14
+ ul {
15
+ list-style: circle;
16
+ }
17
+
18
+ ul.square {
19
+ list-style: square outside;
20
+ }
21
+
22
+ ul.circle {
23
+ list-style: circle outside;
24
+ }
25
+
26
+ ul.disc {
27
+ list-style: disc outside;
28
+ }
29
+
30
+ ul ul,
31
+ ul ol,
32
+ ol ol,
33
+ ol ul {
34
+ margin: 0.25em 0 0.25em 2em;
35
+ font-size: 90%;
36
+ }
37
+
38
+ ul ul li,
39
+ ul ol li,
40
+ ol ol li,
41
+ ol ul li {
42
+ margin-bottom: 0.5em;
43
+ }
44
+
45
+ li {
46
+ margin-bottom: 0.5em;
47
+ }
@@ -0,0 +1,28 @@
1
+ // Faux Box Shadow (IE8)
2
+ @mixin faux-box-shadow($border: border, $size: 1px, $color: #CCC) {
3
+ #{$border}: #{$size} solid #{$color};
4
+ #{$border}: 0 solid rgba(0,0,0,0);
5
+ }
6
+
7
+ // Mostly cross-browser opacity
8
+ @mixin oh-pacity($level: 1) {
9
+ $ms-level: $level*100;
10
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$ms-level})";
11
+ filter: alpha(opacity=#{$ms-level});
12
+ -moz-opacity: #{$level};
13
+ -khtml-opacity: #{$level};
14
+ opacity: #{$level};
15
+ }
16
+
17
+ // Media Queries
18
+ @mixin retina {
19
+ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
20
+ @content;
21
+ }
22
+ }
23
+
24
+ // Remove margins & style from a list
25
+ @mixin unstyled-list {
26
+ list-style: none outside;
27
+ margin: 0;
28
+ }
@@ -0,0 +1,3 @@
1
+ $breakpoint-ipad: 768px;
2
+ $breakpoint-desktop: 900px;
3
+ $breakpoint-large-screen: 1200px;
@@ -0,0 +1,58 @@
1
+ // Tables
2
+
3
+ table caption {
4
+ text-transform: uppercase;
5
+ font-weight: bold;
6
+ padding-left: 0.5em;
7
+ color: #666;
8
+ }
9
+
10
+ th,
11
+ td {
12
+ border-bottom: 1px solid #eeeeee;
13
+ padding: 0.75em 0.5em;
14
+ text-align: left;
15
+ }
16
+
17
+ table.simple td,
18
+ table.simple th {
19
+ border: none;
20
+ padding: 0.75em 0.7em 0.75em 0;
21
+ }
22
+
23
+ table.bordered td,
24
+ table.bordered th {
25
+ border: 1px solid #ddd;
26
+ }
27
+
28
+ table.stroked td,
29
+ table.stroked th {
30
+ border-bottom: 1px solid #eee;
31
+ }
32
+
33
+ table.striped tbody tr:nth-child(odd) td {
34
+ background-color: #f8f8f8;
35
+ }
36
+
37
+ table.hovered tbody tr:hover td,
38
+ table.hovered thead tr:hover th {
39
+ background-color: #f6f6f6;
40
+ }
41
+
42
+ .thead-gray td,
43
+ .thead-gray th {
44
+ background-color: #f0f0f0;
45
+ }
46
+
47
+ .thead-black td,
48
+ .thead-black th {
49
+ font-weight: normal;
50
+ color: #f6f6f6;
51
+ color: rgba(255, 255, 255, 0.9);
52
+ background-color: #222;
53
+ }
54
+
55
+ table.bordered .thead-black td,
56
+ table.bordered .thead-black th {
57
+ border: 1px solid #444;
58
+ }
@@ -0,0 +1,69 @@
1
+ // Headings
2
+ h1, h2, h3, h4, h5, h6 {
3
+ line-height: 1.5;
4
+ margin: 0;
5
+ }
6
+
7
+ h1 {
8
+ font-size: 2em;
9
+ }
10
+
11
+ h2 {
12
+ font-size: 1.75em;
13
+ }
14
+
15
+ h3 {
16
+ font-size: 1.5em;
17
+ }
18
+
19
+ h4 {
20
+ font-size: 1.25em;
21
+ }
22
+
23
+ h5 {
24
+ font-size: 1em
25
+ }
26
+
27
+ h6 {
28
+ font-size: 0.75em;
29
+ }
30
+
31
+ // Elements
32
+ p {
33
+ margin: 0 0 1em 0;
34
+ }
35
+
36
+ em {
37
+ font-style: italic;
38
+ }
39
+
40
+ strong {
41
+ font-weight: bold;
42
+ }
43
+
44
+ small {
45
+ font-size: 80%;
46
+ }
47
+
48
+ a,
49
+ a:hover,
50
+ a:focus,
51
+ a:visited {
52
+ color: inherit;
53
+ text-decoration: none;
54
+ outline: 0;
55
+ }
56
+
57
+ blockquote,
58
+ blockquote p {
59
+ font-size: 1.125em;
60
+ line-height: 1.35em;
61
+ color: #777;
62
+ font-style: italic;
63
+ }
64
+
65
+ blockquote {
66
+ margin: 0 0 1.25em;
67
+ padding: 0.5em 1.25em 0 1.25em;
68
+ border-left: 1px solid #ddd;
69
+ }
@@ -0,0 +1,23 @@
1
+ # -*- encoding: utf-8 -*-
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'boarding_pass/version'
5
+
6
+ Gem::Specification.new do |gem|
7
+ gem.name = "boarding_pass"
8
+ gem.version = BoardingPass::VERSION
9
+ gem.authors = ["Michael LaCroix", "James LaCroix"]
10
+ gem.email = ["info@lacroixdesign.net"]
11
+ gem.description = %q{Boarding Pass provides a set of tools and defaults to quickly start web project front-ends.}
12
+ gem.summary = %q{Boarding Pass provides a set of tools and defaults to quickly start web project front-ends. Includes Sass, Bourbon and Neat.}
13
+ gem.homepage = "https://github.com/lacroixdesign/boarding_pass"
14
+
15
+ gem.files = `git ls-files`.split($/)
16
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
17
+ gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
18
+ gem.require_paths = ["lib"]
19
+
20
+ gem.add_dependency('sass', '>= 3.2')
21
+ gem.add_dependency('bourbon', '>= 3.0')
22
+ gem.add_dependency('neat', '>= 1.1')
23
+ end
@@ -0,0 +1,10 @@
1
+ require "boarding_pass/version"
2
+
3
+ module BoardingPass
4
+ if defined?(Rails) && defined?(Rails::Engine)
5
+ require 'boarding_pass/engine'
6
+ # class Engine < ::Rails::Engine
7
+ # require 'boarding_pass/engine'
8
+ # end
9
+ end
10
+ end
@@ -0,0 +1,5 @@
1
+ module BoardingPass
2
+ class Engine < Rails::Engine
3
+ # auto wire
4
+ end
5
+ end
@@ -0,0 +1,3 @@
1
+ module BoardingPass
2
+ VERSION = "0.1.0"
3
+ end
metadata ADDED
@@ -0,0 +1,114 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: boarding_pass
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0
5
+ prerelease:
6
+ platform: ruby
7
+ authors:
8
+ - Michael LaCroix
9
+ - James LaCroix
10
+ autorequire:
11
+ bindir: bin
12
+ cert_chain: []
13
+ date: 2013-01-12 00:00:00.000000000 Z
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: sass
17
+ requirement: !ruby/object:Gem::Requirement
18
+ none: false
19
+ requirements:
20
+ - - ! '>='
21
+ - !ruby/object:Gem::Version
22
+ version: '3.2'
23
+ type: :runtime
24
+ prerelease: false
25
+ version_requirements: !ruby/object:Gem::Requirement
26
+ none: false
27
+ requirements:
28
+ - - ! '>='
29
+ - !ruby/object:Gem::Version
30
+ version: '3.2'
31
+ - !ruby/object:Gem::Dependency
32
+ name: bourbon
33
+ requirement: !ruby/object:Gem::Requirement
34
+ none: false
35
+ requirements:
36
+ - - ! '>='
37
+ - !ruby/object:Gem::Version
38
+ version: '3.0'
39
+ type: :runtime
40
+ prerelease: false
41
+ version_requirements: !ruby/object:Gem::Requirement
42
+ none: false
43
+ requirements:
44
+ - - ! '>='
45
+ - !ruby/object:Gem::Version
46
+ version: '3.0'
47
+ - !ruby/object:Gem::Dependency
48
+ name: neat
49
+ requirement: !ruby/object:Gem::Requirement
50
+ none: false
51
+ requirements:
52
+ - - ! '>='
53
+ - !ruby/object:Gem::Version
54
+ version: '1.1'
55
+ type: :runtime
56
+ prerelease: false
57
+ version_requirements: !ruby/object:Gem::Requirement
58
+ none: false
59
+ requirements:
60
+ - - ! '>='
61
+ - !ruby/object:Gem::Version
62
+ version: '1.1'
63
+ description: Boarding Pass provides a set of tools and defaults to quickly start web
64
+ project front-ends.
65
+ email:
66
+ - info@lacroixdesign.net
67
+ executables: []
68
+ extensions: []
69
+ extra_rdoc_files: []
70
+ files:
71
+ - .gitignore
72
+ - Gemfile
73
+ - LICENSE.txt
74
+ - README.md
75
+ - Rakefile
76
+ - app/assets/stylesheets/_boarding_pass.scss
77
+ - app/assets/stylesheets/boarding_pass/_buttons.scss
78
+ - app/assets/stylesheets/boarding_pass/_defaults.scss
79
+ - app/assets/stylesheets/boarding_pass/_forms.scss
80
+ - app/assets/stylesheets/boarding_pass/_lists.scss
81
+ - app/assets/stylesheets/boarding_pass/_mixins.scss
82
+ - app/assets/stylesheets/boarding_pass/_settings.scss
83
+ - app/assets/stylesheets/boarding_pass/_tables.scss
84
+ - app/assets/stylesheets/boarding_pass/_typography.scss
85
+ - boarding_pass.gemspec
86
+ - lib/boarding_pass.rb
87
+ - lib/boarding_pass/engine.rb
88
+ - lib/boarding_pass/version.rb
89
+ homepage: https://github.com/lacroixdesign/boarding_pass
90
+ licenses: []
91
+ post_install_message:
92
+ rdoc_options: []
93
+ require_paths:
94
+ - lib
95
+ required_ruby_version: !ruby/object:Gem::Requirement
96
+ none: false
97
+ requirements:
98
+ - - ! '>='
99
+ - !ruby/object:Gem::Version
100
+ version: '0'
101
+ required_rubygems_version: !ruby/object:Gem::Requirement
102
+ none: false
103
+ requirements:
104
+ - - ! '>='
105
+ - !ruby/object:Gem::Version
106
+ version: '0'
107
+ requirements: []
108
+ rubyforge_project:
109
+ rubygems_version: 1.8.23
110
+ signing_key:
111
+ specification_version: 3
112
+ summary: Boarding Pass provides a set of tools and defaults to quickly start web project
113
+ front-ends. Includes Sass, Bourbon and Neat.
114
+ test_files: []