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.
|
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
|
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.
|
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-
|
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: &
|
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: *
|
24
|
+
version_requirements: *2157645360
|
25
25
|
description:
|
26
26
|
email: andrew@eighty-b.com
|
27
27
|
executables: []
|