jetpack-rails 0.1.3 → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
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: []