jetpack-rails 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/CHANGELOG CHANGED
@@ -1,5 +1,11 @@
1
1
  Changelog:
2
2
 
3
+ 0.1.4:
4
+ - Updated readme.
5
+ - Fixed password field definition.
6
+ - Added form_button and inline_submit mixins.
7
+ - Added box-shadow to form buttons to match anchor buttons.
8
+
3
9
  0.1.3:
4
10
  - Added `standard_input` mixin for one-off situations.
5
11
  - Added definition for password inputs.
data/README.md CHANGED
@@ -1,3 +1,67 @@
1
1
  # JETPACK
2
2
 
3
- A sweet boostrap mashup. More readme will be added in the future.
3
+ A sweet boostrap mashup for Rails applications. A much more comprehensive readme and demonstration page will be added in the future. For now, here are the basics:
4
+
5
+ ## Installation
6
+
7
+ In your gemfile:
8
+
9
+ gem 'jetpack-rails'
10
+
11
+ ## SASS
12
+
13
+ To load the sass framework you have two options. First, if you want all the default settings:
14
+
15
+ @import 'jetpack/presets';
16
+ @import 'jetpack';
17
+
18
+ Second (recommended), if you want to define your own settings, paste the following into your manifest:
19
+
20
+ // COLOR DEFINITIONS
21
+ $light1: #EAEBEC;
22
+ $light2: #9A9FA0;
23
+
24
+ $dark1: #3C3E40;
25
+ $dark2: #262728;
26
+
27
+ $color1: #F4B84D;
28
+ $color2: #E59013;
29
+
30
+ $alt1: #4E7DF2;
31
+ $alt2: #2C4A84;
32
+
33
+ $success1: #D7EDC3;
34
+ $success2: #68AF2F;
35
+
36
+ $notice1: #FFFD7D;
37
+ $notice2: #FFD939;
38
+
39
+ $error1: #FFDCDC;
40
+ $error2: #D64338;
41
+
42
+ $white: #FFFFFF;
43
+ $black: #000000;
44
+
45
+ // TYPOGRAPHY DEFINITIONS
46
+ $sans: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
47
+ $serif: "Georgia", "Times", "Times New Roman", serif;
48
+ $mono: "Monaco", "Andale Mono", "Courier New", monospace;
49
+
50
+ $base_size: 13px;
51
+ $base_weight: 400;
52
+ $baseline: 18px;
53
+
54
+ @import 'jetpack';
55
+
56
+ Then tweak it to your hearts content.
57
+
58
+ ## Javascript
59
+
60
+ For javascript it's a bit simpler. In your manifest file:
61
+
62
+ //= require 'jquery-rails'
63
+ //= require 'jetpack'
64
+
65
+ -----
66
+
67
+ That's it. You can browse all the assets here on Github and see what they do. Again, I'll add more documentation in the future.
@@ -15,8 +15,8 @@ form { margin-bottom: $baseline; @include font; @include clearfix;
15
15
  div.input { @include clearfix; margin-bottom: $baseline;
16
16
  label { display: block; text-align: right; height: 2em; font-weight: 700; }
17
17
 
18
- input[type="text"], input[type="email"], select, textarea {
19
- @include border-radius(3px); border: 1px solid $light2; box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); color: $dark1;
18
+ input[type="text"], input[type="email"], input[type="password"], select, textarea {
19
+ @include standard_input;
20
20
  }
21
21
 
22
22
  .radio, .checkboxes {
@@ -39,7 +39,7 @@ form.standard {
39
39
  div.input {
40
40
  label { float: left; width: 17.5%; margin-right: 2.5%; }
41
41
 
42
- input[type="text"], input[type="email"], select, textarea { float: left; width: 80%; }
42
+ input[type="text"], input[type="email"], input[type="password"], select, textarea { float: left; width: 80%; }
43
43
 
44
44
  .radio, .checkboxes {
45
45
  label { float: none; }
@@ -31,6 +31,9 @@ a.button, span.button {
31
31
  &.small { padding: 0px 6px; font-size: 11px; line-height: 1.4; }
32
32
  }
33
33
 
34
+ @mixin form_button { display: inline-block; vertical-align: text-bottom; } // For anchor or span buttons placed next to form buttons or submits.
35
+ @mixin inline_submit { display: inline-block; vertical-align: top; } // For submit buttons placed inline beside a one-input form.
36
+
34
37
  div.alert_message {
35
38
  @include border-radius(4px); color: $white; padding: 7px 12px; margin-bottom: $baseline; @include box-shadow;
36
39
  &.success { @include buttonize( lighten( $success2, 15% ), $success2); text-shadow: 0px -1px darken( $success2, 15% ); }
@@ -347,6 +347,7 @@ input[type="submit"],
347
347
  input[type="button"] {
348
348
  -webkit-appearance: none;
349
349
  @include border-radius(4px);
350
+ @include box-shadow( 0px 1px 1px rgba(0,0,0,0.15) );
350
351
  -moz-background-clip: padding;
351
352
  -webkit-background-clip: padding;
352
353
  background-clip: padding-box;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jetpack-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.1.4
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2011-11-13 00:00:00.000000000Z
12
+ date: 2011-11-17 00:00:00.000000000Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass-rails
16
- requirement: &2164772860 !ruby/object:Gem::Requirement
16
+ requirement: &2157645360 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ~>
@@ -21,7 +21,7 @@ dependencies:
21
21
  version: 3.1.0
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *2164772860
24
+ version_requirements: *2157645360
25
25
  description:
26
26
  email: andrew@eighty-b.com
27
27
  executables: []