jetpack-rails 0.8.3 → 0.9.1
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.
- checksums.yaml +4 -4
- data/CHANGELOG +25 -3
- data/lib/jetpack/version.rb +1 -1
- data/vendor/assets/javascripts/jetpack/tabs.js +21 -12
- data/vendor/assets/stylesheets/jetpack/defaults.css.scss +10 -3
- data/vendor/assets/stylesheets/jetpack/navigation.css.scss +130 -51
- data/vendor/assets/stylesheets/jetpack/presets.css.scss +23 -17
- metadata +2 -3
- data/.DS_Store +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: f110554f056598a3500fe104b2b3abb4e3cd4972
|
|
4
|
+
data.tar.gz: 7ff39fe3b460a5460a6e734fa71a99b729f4f328
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 64e849329667afa1c48a76d5c6e9452c9f9730d5fc150cc8ab7dce97a7710af486cf46181bea51a62f27c001c9a461ea1bb686bb617769bba2435f2c12b51653
|
|
7
|
+
data.tar.gz: 56ebab03f5b7edd11309f710989041974b382c0c9a4486facfb1179fddd351df78c838e9efc727b5b50863ff2cc96d90bea8a9a0b58f7e527c4d846a67e1c8b0
|
data/CHANGELOG
CHANGED
|
@@ -1,13 +1,35 @@
|
|
|
1
|
-
TODO: V0.
|
|
2
|
-
>
|
|
3
|
-
> Redo Tabs, Pills, Navigation
|
|
1
|
+
TODO: V0.10.0
|
|
2
|
+
> Add LICENSE to fix warning
|
|
4
3
|
> Review the JS
|
|
4
|
+
> Redo js-styles module to be specific to each js component
|
|
5
|
+
> Create a "defaults.js" that works the same way as defaults.css
|
|
6
|
+
> ADD PILLS / TABS to defaults.js
|
|
7
|
+
|
|
8
|
+
TODO: V0.11.0
|
|
9
|
+
> Clear out any remaining ideas from Wunderlist
|
|
10
|
+
|
|
5
11
|
|
|
6
12
|
TODO: V1.0
|
|
7
13
|
> Use git submodules, so style is available apart from plugin
|
|
8
14
|
> Finish sexy docs / demo
|
|
9
15
|
|
|
10
16
|
Changelog:
|
|
17
|
+
0.9.1:
|
|
18
|
+
- Use available version number...
|
|
19
|
+
Way back in the day, before I learned about semantic versioning, I made an initial
|
|
20
|
+
version of this project. I thought it was sooo close to production ready (haha) that
|
|
21
|
+
I optimistically numbered it "Version 0.9", thinking that 1.0 would be ready within
|
|
22
|
+
a couple commits. Epic fail, it was nowhere near that good yet. Unfortunately I pushed
|
|
23
|
+
that early version to rubygems, which means version 0.9.0 is not available for me to
|
|
24
|
+
use now. Therefore, the first release in the 0.9.x series will be 0.9.1. Fun times.
|
|
25
|
+
|
|
26
|
+
0.9.0:
|
|
27
|
+
- Redo Tabs
|
|
28
|
+
- Redo Pills
|
|
29
|
+
- Redo Pagination
|
|
30
|
+
- The above components now follow the pattern of the new Tables and Forms modules.
|
|
31
|
+
- Revised default color scheme
|
|
32
|
+
|
|
11
33
|
0.8.3:
|
|
12
34
|
- Remove select_arrow.gif from select in Resetize.
|
|
13
35
|
- Remove extranous comment.
|
data/lib/jetpack/version.rb
CHANGED
|
@@ -16,29 +16,38 @@
|
|
|
16
16
|
(function($) {
|
|
17
17
|
$.fn.tabs = $.fn.pills = function() {
|
|
18
18
|
var selector = $(this);
|
|
19
|
-
|
|
19
|
+
|
|
20
|
+
// Call on each occurance
|
|
20
21
|
selector.each( function(i) {
|
|
22
|
+
|
|
21
23
|
//Get all tabs
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
var tabs = $(this).find('> li > a');
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
tabs.click(function(e) {
|
|
28
|
+
|
|
25
29
|
//Get Location of tab's content
|
|
26
30
|
var contentLocation = $(this).attr('href');
|
|
27
|
-
|
|
31
|
+
|
|
28
32
|
//Let go if not a hashed one
|
|
29
33
|
if(contentLocation.charAt(0)=="#") {
|
|
30
|
-
|
|
34
|
+
|
|
31
35
|
e.preventDefault();
|
|
32
|
-
|
|
36
|
+
|
|
33
37
|
//Make Tab Active
|
|
34
|
-
|
|
38
|
+
tabs.removeClass('active');
|
|
35
39
|
$(this).addClass('active');
|
|
36
|
-
|
|
40
|
+
|
|
37
41
|
//Show Tab Content & add active class
|
|
38
|
-
$(contentLocation).
|
|
39
|
-
|
|
42
|
+
$(contentLocation).addClass('active').siblings().removeClass('active');
|
|
43
|
+
|
|
40
44
|
}
|
|
41
45
|
});
|
|
46
|
+
|
|
47
|
+
tabs.first().addClass('active')
|
|
48
|
+
var firstTab = tabs.first().attr('href');
|
|
49
|
+
$(firstTab).addClass('active').siblings().removeClass('active');
|
|
50
|
+
|
|
42
51
|
});
|
|
43
52
|
}
|
|
44
|
-
})(jQuery);
|
|
53
|
+
})(jQuery);
|
|
@@ -26,18 +26,20 @@
|
|
|
26
26
|
Have fun, happy coding!
|
|
27
27
|
-------------------------------------------------- */
|
|
28
28
|
|
|
29
|
-
//
|
|
29
|
+
// Typographic Styles
|
|
30
30
|
@include text;
|
|
31
31
|
@include headings;
|
|
32
32
|
@include lists;
|
|
33
33
|
@include preformatting;
|
|
34
|
-
@include tabs-pills;
|
|
35
|
-
@include pagination;
|
|
36
34
|
|
|
37
35
|
// JS DEFAULT STYLES
|
|
38
36
|
@include js-styles;
|
|
39
37
|
|
|
40
38
|
// UBIQUITOUS DEFAULTS
|
|
39
|
+
a { color: $color1;
|
|
40
|
+
&:visited { color: $color2; }
|
|
41
|
+
}
|
|
42
|
+
|
|
41
43
|
|
|
42
44
|
// INTERFACE ELEMENTS
|
|
43
45
|
span.label { @include label; }
|
|
@@ -48,3 +50,8 @@ div.message { @include message; }
|
|
|
48
50
|
table.simple { @include table-style-simple; }
|
|
49
51
|
table.shaded { @include table-style-shaded; }
|
|
50
52
|
table.striped { @include table-style-striped; }
|
|
53
|
+
|
|
54
|
+
// NAVIGATION
|
|
55
|
+
div.tab-wrapper { @include tab-style-simple; }
|
|
56
|
+
div.pill-wrapper { @include pill-style-simple; }
|
|
57
|
+
|
|
@@ -1,71 +1,150 @@
|
|
|
1
|
-
|
|
2
|
-
* Based on Twitter Bootstrap
|
|
3
|
-
* ---------------------------------------------------------------------------------------- */
|
|
1
|
+
// Jetpack Navigation
|
|
4
2
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
.
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
@mixin nav-style-base {
|
|
4
|
+
ul { margin: 0; padding: 0; list-style: none; }
|
|
5
|
+
.title { font-weight: 700; }
|
|
6
|
+
a { text-decoration: none; color: inherit;
|
|
7
|
+
&:visited { color: inherit; }
|
|
10
8
|
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
@mixin nav-style-simple {
|
|
12
|
+
@include nav-style-base;
|
|
11
13
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
background: $dark1; @include box-shadow(0px 2px 2px $light2);
|
|
15
|
+
ul {
|
|
16
|
+
color: $white; text-shadow: 0px -1px rgba($black,0.5);
|
|
17
|
+
@include container;
|
|
18
|
+
}
|
|
19
|
+
.title { display: inline-block; margin-right: $baseline; }
|
|
20
|
+
li {
|
|
21
|
+
display: inline-block;
|
|
22
|
+
&:first-child { margin-left: -$baseline; }
|
|
23
|
+
a {
|
|
24
|
+
display: block; padding: $baseline/2 $baseline;
|
|
25
|
+
&:hover { background: $color1; }
|
|
26
|
+
}
|
|
27
|
+
@include respond-to(mobile) {
|
|
28
|
+
display: block; margin-left: -$baseline;
|
|
17
29
|
}
|
|
18
30
|
}
|
|
31
|
+
}
|
|
32
|
+
|
|
19
33
|
|
|
20
|
-
|
|
34
|
+
@mixin tab-style-base {
|
|
35
|
+
.tab-container {
|
|
36
|
+
@include clearfix;
|
|
37
|
+
div {
|
|
38
|
+
display: none;
|
|
39
|
+
&.active { display: block; }
|
|
40
|
+
}
|
|
41
|
+
}
|
|
21
42
|
.tabs {
|
|
22
|
-
|
|
23
|
-
li {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
43
|
+
margin: 0; padding: 0; list-style: none;
|
|
44
|
+
li { display: inline; }
|
|
45
|
+
li a {
|
|
46
|
+
display: inline-block; margin-right: $baseline/2;
|
|
47
|
+
color: $color2; text-decoration: none; font-weight: 700;
|
|
48
|
+
&.active { color: $dark1; }
|
|
29
49
|
}
|
|
30
50
|
}
|
|
51
|
+
}
|
|
31
52
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
53
|
+
@mixin tab-style-simple {
|
|
54
|
+
@include tab-style-base;
|
|
55
|
+
.tab-container {
|
|
56
|
+
border: 1px solid $light1; padding: $baseline/2;
|
|
57
|
+
}
|
|
58
|
+
.tabs {
|
|
59
|
+
width: 100%;
|
|
60
|
+
li a {
|
|
61
|
+
border: 1px solid $light1; border-bottom: none;
|
|
62
|
+
padding: $baseline/4 $baseline/2; border-radius: $baseline/2 $baseline/2 0 0;
|
|
63
|
+
background: lighten($light1, 5%);
|
|
64
|
+
&.active { background: $white; border-bottom: 1px solid $white; margin-bottom: -1px; }
|
|
40
65
|
}
|
|
41
66
|
}
|
|
42
67
|
}
|
|
43
68
|
|
|
44
|
-
|
|
45
|
-
@
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
ul {
|
|
49
|
-
float: left; margin: 0; border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05)); clear: both;
|
|
50
|
-
li {
|
|
51
|
-
display: inline;
|
|
52
|
-
a { float: left; padding: 0 14px; line-height: ($baseline * 2) - 2; border-right: 1px solid; border-right-color: $light2; text-decoration: none; }
|
|
53
|
-
a:hover, &.active a { background-color: $color1; color: $white; }
|
|
54
|
-
&.disabled a, &.disabled a:hover { background-color: transparent; color: $light2; }
|
|
55
|
-
&.next a { border: 0; }
|
|
56
|
-
}
|
|
69
|
+
@mixin pill-style-base {
|
|
70
|
+
.pill-container { @include clearfix;
|
|
71
|
+
div { display: none;
|
|
72
|
+
&.active { display: block; }
|
|
57
73
|
}
|
|
58
74
|
}
|
|
75
|
+
.pills {
|
|
76
|
+
margin: 0; padding: 0; list-style: none;
|
|
77
|
+
li { display: inline; }
|
|
78
|
+
li a {
|
|
79
|
+
display: inline-block; margin-right: $baseline/2;
|
|
80
|
+
color: $color2; text-decoration: none; font-weight: 700;
|
|
81
|
+
&.active { color: $dark1; }
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
59
85
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
a { text-decoration: none; color: inherit; }
|
|
86
|
+
@mixin pill-style-simple {
|
|
87
|
+
@include pill-style-base;
|
|
88
|
+
.pills {
|
|
89
|
+
margin-bottom: $baseline/2;
|
|
90
|
+
li a {
|
|
91
|
+
border: 1px solid $light1; padding: $baseline/4 $baseline/2;
|
|
92
|
+
@include border-radius($baseline); background: lighten($light1, 5%);
|
|
93
|
+
&.active { background: $white; }
|
|
69
94
|
}
|
|
70
95
|
}
|
|
71
96
|
}
|
|
97
|
+
|
|
98
|
+
@mixin pagination-style-simple {
|
|
99
|
+
ul { list-style: none; margin: 0; padding: 0; font-size: $base_size - 2px; font-weight: 700; }
|
|
100
|
+
li { display: inline-block; }
|
|
101
|
+
a {
|
|
102
|
+
display: inline-block; padding: 0 $baseline/4; margin-right: $baseline/4;
|
|
103
|
+
background: lighten($light1,5%); color: $color1; text-decoration: none;
|
|
104
|
+
border: 1px solid $light1; @include border-radius($baseline/2);
|
|
105
|
+
&.current { background: $color1; border-color: $color2; color: $white; }
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
@mixin pagination-style-kaminari {
|
|
110
|
+
span {
|
|
111
|
+
display: inline-block; font-size: $base_size - 2px; font-weight: 700;
|
|
112
|
+
padding: 0 $baseline/4; margin-right: $baseline/4;
|
|
113
|
+
background: lighten($light1,5%); color: $color1; text-decoration: none;
|
|
114
|
+
border: 1px solid $light1; @include border-radius($baseline/2);
|
|
115
|
+
&.current { background: $color1; border-color: $color2; color: $white; }
|
|
116
|
+
a { color: inherit; text-decoration: none; }
|
|
117
|
+
}
|
|
118
|
+
span.gap {
|
|
119
|
+
padding: 0; background: none; border: none;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
// TODO - V0.9: redo pagination
|
|
124
|
+
//@mixin pagination {
|
|
125
|
+
// .pagination { height: $baseline * 2; margin: $baseline 0;
|
|
126
|
+
// // List Style Pagination
|
|
127
|
+
// ul {
|
|
128
|
+
// float: left; margin: 0; border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05)); clear: both;
|
|
129
|
+
// li {
|
|
130
|
+
// display: inline;
|
|
131
|
+
// a { float: left; padding: 0 14px; line-height: ($baseline * 2) - 2; border-right: 1px solid; border-right-color: $light2; text-decoration: none; }
|
|
132
|
+
// a:hover, &.active a { background-color: $color1; color: $white; }
|
|
133
|
+
// &.disabled a, &.disabled a:hover { background-color: transparent; color: $light2; }
|
|
134
|
+
// &.next a { border: 0; }
|
|
135
|
+
// }
|
|
136
|
+
// }
|
|
137
|
+
// }
|
|
138
|
+
//
|
|
139
|
+
// // Kaminari Style Pagination
|
|
140
|
+
// nav.pagination {
|
|
141
|
+
// float: left; clear: both; height: $baseline * 2; margin: $baseline 0;
|
|
142
|
+
// border: 1px solid $light2; @include border-radius(3px); @include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
|
143
|
+
// span { display: block; float: left; border-left: 1px solid $light2; line-height: ($baseline * 2); padding: 0 14px;
|
|
144
|
+
// &:hover { background-color: $light1; }
|
|
145
|
+
// &.current {background-color: $color1; color: $white; }
|
|
146
|
+
// &:first-child { border: 0; }
|
|
147
|
+
// a { text-decoration: none; color: inherit; }
|
|
148
|
+
// }
|
|
149
|
+
// }
|
|
150
|
+
//}
|
|
@@ -1,28 +1,34 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Jetpack Presets
|
|
2
|
+
// Jetpack modules depend on the following configuration
|
|
3
|
+
// variables being defined. I encourage you to copy/paste these
|
|
4
|
+
// into the top of your application manifest and then import
|
|
5
|
+
// Jetpack after. If you're in a hurry, you can import jetpack/presets
|
|
6
|
+
// instead.
|
|
7
|
+
|
|
2
8
|
// COLOR DEFINITIONS
|
|
3
|
-
$light1: #
|
|
4
|
-
$light2: #
|
|
9
|
+
$light1: #E2E0E0;
|
|
10
|
+
$light2: #C4BCBC;
|
|
5
11
|
|
|
6
|
-
$dark1: #
|
|
7
|
-
$dark2: #
|
|
12
|
+
$dark1: #686363;
|
|
13
|
+
$dark2: #302D2D;
|
|
8
14
|
|
|
9
|
-
$color1: #
|
|
10
|
-
$color2: #
|
|
15
|
+
$color1: #579E36;
|
|
16
|
+
$color2: #447C29;
|
|
11
17
|
|
|
12
|
-
$alt1: #
|
|
13
|
-
$alt2: #
|
|
18
|
+
$alt1: #65A6B7;
|
|
19
|
+
$alt2: #3C7E8E;
|
|
14
20
|
|
|
15
|
-
$success1: #
|
|
16
|
-
$success2: #
|
|
21
|
+
$success1: #9ED186;
|
|
22
|
+
$success2: #447C29;
|
|
17
23
|
|
|
18
|
-
$notice1: #
|
|
19
|
-
$notice2: #
|
|
24
|
+
$notice1: #FFDD92;
|
|
25
|
+
$notice2: #8E6938;
|
|
20
26
|
|
|
21
|
-
$error1: #
|
|
22
|
-
$error2: #
|
|
27
|
+
$error1: #F4CBBE;
|
|
28
|
+
$error2: #9B3524;
|
|
23
29
|
|
|
24
|
-
$white: #
|
|
25
|
-
$black: #
|
|
30
|
+
$white: #FCFAFA;
|
|
31
|
+
$black: #111010;
|
|
26
32
|
|
|
27
33
|
// LINE STYLES
|
|
28
34
|
$light-line: 1px solid $light1;
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jetpack-rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.9.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Burleson
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2013-08-
|
|
11
|
+
date: 2013-08-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: sass-rails
|
|
@@ -34,7 +34,6 @@ executables: []
|
|
|
34
34
|
extensions: []
|
|
35
35
|
extra_rdoc_files: []
|
|
36
36
|
files:
|
|
37
|
-
- .DS_Store
|
|
38
37
|
- .gitignore
|
|
39
38
|
- CHANGELOG
|
|
40
39
|
- LICENSE
|
data/.DS_Store
DELETED
|
Binary file
|