jetpack-rails 0.8.3 → 0.9.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|