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.
|
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: []
|