themepile-abstractio 1.0.4 → 4.1.7
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +8 -8
- data/.gitignore +1 -0
- data/CONTRIBUTING.md +7 -7
- data/Gemfile.lock +19 -0
- data/Gruntfile.js +27 -0
- data/README.md +38 -38
- data/abstractio.gemspec +20 -18
- data/docs/CHANGELOG.md +275 -0
- data/docs/Capfile +4 -0
- data/docs/Gemfile +13 -0
- data/docs/Gemfile.lock +45 -0
- data/docs/Procfile +2 -0
- data/docs/README.md +1 -0
- data/docs/_sidebar-components.html.erb +115 -0
- data/docs/_sidebar.html.erb +115 -0
- data/docs/changelog.html.erb +33 -0
- data/docs/compile.rb +34 -0
- data/docs/components/alert-boxes.html.erb +204 -0
- data/docs/components/block-grid.html.erb +132 -0
- data/docs/components/breadcrumbs.html.erb +156 -0
- data/docs/components/button-groups.html.erb +230 -0
- data/docs/components/buttons.html.erb +222 -0
- data/docs/components/clearing.html.erb +152 -0
- data/docs/components/custom-forms.html.erb +309 -0
- data/docs/components/dropdown-buttons.html.erb +235 -0
- data/docs/components/dropdown.html.erb +188 -0
- data/docs/components/flex-video.html.erb +95 -0
- data/docs/components/forms.html.erb +477 -0
- data/docs/components/global.html.erb +92 -0
- data/docs/components/grid.html.erb +366 -0
- data/docs/components/inline-lists.html.erb +91 -0
- data/docs/components/joyride.html.erb +183 -0
- data/docs/components/keystrokes.html.erb +76 -0
- data/docs/components/kitchen-sink.html.erb +870 -0
- data/docs/components/labels.html.erb +102 -0
- data/docs/components/magellan.html.erb +86 -0
- data/docs/components/orbit.html.erb +276 -0
- data/docs/components/pagination.html.erb +183 -0
- data/docs/components/panels.html.erb +123 -0
- data/docs/components/pricing-tables.html.erb +156 -0
- data/docs/components/progress-bars.html.erb +123 -0
- data/docs/components/reveal.html.erb +162 -0
- data/docs/components/section.html.erb +1023 -0
- data/docs/components/side-nav.html.erb +124 -0
- data/docs/components/split-buttons.html.erb +220 -0
- data/docs/components/sub-nav.html.erb +122 -0
- data/docs/components/switch.html.erb +290 -0
- data/docs/components/tables.html.erb +125 -0
- data/docs/components/thumbnails.html.erb +89 -0
- data/docs/components/tooltips.html.erb +76 -0
- data/docs/components/top-bar.html.erb +300 -0
- data/docs/components/type.html.erb +396 -0
- data/docs/components/visibility.html.erb +110 -0
- data/docs/config.ru +12 -0
- data/docs/config/deploy.rb +36 -0
- data/docs/controller.rb +49 -0
- data/docs/css/_coderay.scss +116 -0
- data/docs/css/_settings.scss +1 -0
- data/docs/css/docs.scss +239 -0
- data/docs/css/normalize.scss +396 -0
- data/docs/css/qunit-composite.css +13 -0
- data/docs/css/qunit.css +235 -0
- data/docs/faq.html.erb +63 -0
- data/docs/img/demos/demo1-th.jpg +0 -0
- data/docs/img/demos/demo1.jpg +0 -0
- data/docs/img/demos/demo2-th.jpg +0 -0
- data/docs/img/demos/demo2.jpg +0 -0
- data/docs/img/demos/demo3-th.jpg +0 -0
- data/docs/img/demos/demo3.jpg +0 -0
- data/docs/img/demos/demo4-th.jpg +0 -0
- data/docs/img/demos/demo4.jpg +0 -0
- data/docs/img/demos/demo5-th.jpg +0 -0
- data/docs/img/demos/demo5.jpg +0 -0
- data/docs/index.html.erb +298 -0
- data/docs/javascript.html.erb +138 -0
- data/docs/js/docs.js +3 -0
- data/docs/js/qunit-composite.js +105 -0
- data/docs/js/qunit.js +1977 -0
- data/docs/js/tests/tabs/simple_tabs.html +57 -0
- data/docs/js/tests/tabs/simple_tabs.js +54 -0
- data/docs/js/tests/tooltips/tooltips.html +39 -0
- data/docs/js/tests/tooltips/tooltips.js +11 -0
- data/docs/layout.html.erb +128 -0
- data/docs/media-queries.html.erb +96 -0
- data/docs/rails.html.erb +76 -0
- data/docs/rtl.html.erb +53 -0
- data/docs/sass.html.erb +1297 -0
- data/docs/support.html.erb +143 -0
- data/js/{foundation/foundation.alerts.js → abstractio/abstractio.alerts.js} +2 -2
- data/js/{foundation/foundation.clearing.js → abstractio/abstractio.clearing.js} +6 -6
- data/js/{foundation/foundation.cookie.js → abstractio/abstractio.cookie.js} +1 -1
- data/js/{foundation/foundation.dropdown.js → abstractio/abstractio.dropdown.js} +5 -5
- data/js/{foundation/foundation.forms.js → abstractio/abstractio.forms.js} +7 -7
- data/js/{foundation/foundation.joyride.js → abstractio/abstractio.joyride.js} +5 -5
- data/js/{foundation/foundation.js → abstractio/abstractio.js} +13 -13
- data/js/{foundation/foundation.magellan.js → abstractio/abstractio.magellan.js} +3 -3
- data/js/{foundation/foundation.orbit.js → abstractio/abstractio.orbit.js} +6 -6
- data/js/{foundation/foundation.placeholder.js → abstractio/abstractio.placeholder.js} +1 -1
- data/js/{foundation/foundation.reveal.js → abstractio/abstractio.reveal.js} +3 -3
- data/js/{foundation/foundation.section.js → abstractio/abstractio.section.js} +5 -5
- data/js/{foundation/foundation.tooltips.js → abstractio/abstractio.tooltips.js} +6 -6
- data/js/{foundation/foundation.topbar.js → abstractio/abstractio.topbar.js} +3 -3
- data/js/abstractio/index.js +16 -0
- data/js/vendor/jquery.js +3 -3
- data/lib/abstractio/generators/USAGE +1 -1
- data/lib/abstractio/version.rb +1 -1
- data/package.json +15 -0
- data/scss/abstractio.scss +37 -37
- data/scss/abstractio/_variables.scss +1 -1
- data/scss/abstractio/components/_alert-boxes.scss +1 -1
- data/scss/abstractio/components/_block-grid.scss +2 -2
- data/scss/abstractio/components/_dropdown.scss +1 -1
- data/scss/abstractio/components/_global.scss +2 -2
- data/scss/abstractio/components/_joyride.scss +1 -1
- data/scss/abstractio/components/_pagination.scss +1 -1
- data/scss/abstractio/components/_switch.scss +1 -1
- data/scss/abstractio/components/_visibility.scss +2 -2
- data/templates/project/.gitignore +1 -1
- data/templates/project/MIT-LICENSE.txt +1 -1
- data/templates/project/config.rb +1 -1
- data/templates/project/humans.txt +2 -2
- data/templates/project/index.html +11 -11
- data/templates/project/manifest.rb +1 -1
- data/templates/project/scss/app.scss +38 -38
- data/templates/upgrade/manifest.rb +2 -2
- metadata +104 -22
- data/Gemfile +0 -4
- data/Rakefile +0 -2
- data/js/foundation/index.js +0 -16
- data/lib/abstractio.rb +0 -17
@@ -1,9 +1,9 @@
|
|
1
1
|
;(function ($, window, document, undefined) {
|
2
2
|
'use strict';
|
3
3
|
|
4
|
-
|
4
|
+
Abstractio.libs = Abstractio.libs || {};
|
5
5
|
|
6
|
-
|
6
|
+
Abstractio.libs.orbit = {
|
7
7
|
name: 'orbit',
|
8
8
|
|
9
9
|
version: '4.1.0',
|
@@ -33,7 +33,7 @@
|
|
33
33
|
|
34
34
|
init: function (scope, method, options) {
|
35
35
|
var self = this;
|
36
|
-
|
36
|
+
Abstractio.inherit(self, 'data_options');
|
37
37
|
|
38
38
|
if (typeof method === 'object') {
|
39
39
|
$.extend(true, self.settings, method);
|
@@ -119,7 +119,7 @@
|
|
119
119
|
$slides_container.append($slides.first().clone().attr('data-orbit-slide',''));
|
120
120
|
$slides_container.prepend($slides.last().clone().attr('data-orbit-slide',''));
|
121
121
|
// Make the first "real" slide active
|
122
|
-
$slides_container.css(
|
122
|
+
$slides_container.css(Abstractio.rtl ? 'marginRight' : 'marginLeft', '-100%');
|
123
123
|
$slides.first().addClass(self.settings.active_slide_class);
|
124
124
|
|
125
125
|
self._init_events($slides_container);
|
@@ -312,7 +312,7 @@
|
|
312
312
|
$slides = $slides_container.children(),
|
313
313
|
$active_slide = $slides_container.find('.' + self.settings.active_slide_class),
|
314
314
|
active_index = $active_slide.index(),
|
315
|
-
margin_position =
|
315
|
+
margin_position = Abstractio.rtl ? 'marginRight' : 'marginLeft';
|
316
316
|
|
317
317
|
if ($container.hasClass(self.settings.orbit_transition_class)) {
|
318
318
|
return false;
|
@@ -370,4 +370,4 @@
|
|
370
370
|
}
|
371
371
|
}
|
372
372
|
};
|
373
|
-
}(
|
373
|
+
}(Abstractio.zj, this, this.document));
|
@@ -3,7 +3,7 @@
|
|
3
3
|
;(function ($, window, document, undefined) {
|
4
4
|
'use strict';
|
5
5
|
|
6
|
-
|
6
|
+
Abstractio.libs.reveal = {
|
7
7
|
name: 'reveal',
|
8
8
|
|
9
9
|
version : '4.1.3',
|
@@ -36,7 +36,7 @@
|
|
36
36
|
},
|
37
37
|
|
38
38
|
init : function (scope, method, options) {
|
39
|
-
|
39
|
+
Abstractio.inherit(this, 'data_options delay');
|
40
40
|
|
41
41
|
if (typeof method === 'object') {
|
42
42
|
$.extend(true, this.settings, method);
|
@@ -273,4 +273,4 @@
|
|
273
273
|
$(this.scope).off('.fndtn.reveal');
|
274
274
|
}
|
275
275
|
};
|
276
|
-
}(
|
276
|
+
}(Abstractio.zj, this, this.document));
|
@@ -3,7 +3,7 @@
|
|
3
3
|
;(function ($, window, document, undefined) {
|
4
4
|
'use strict';
|
5
5
|
|
6
|
-
|
6
|
+
Abstractio.libs.section = {
|
7
7
|
name: 'section',
|
8
8
|
|
9
9
|
version : '4.1.7',
|
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
init : function (scope, method, options) {
|
24
24
|
var self = this;
|
25
|
-
|
25
|
+
Abstractio.inherit(this, 'throttle data_options position_right offset_right');
|
26
26
|
|
27
27
|
if (typeof method === 'object') {
|
28
28
|
$.extend(true, self.settings, method);
|
@@ -75,7 +75,7 @@
|
|
75
75
|
|
76
76
|
toggle_active : function (e, self) {
|
77
77
|
var $this = $(this),
|
78
|
-
self =
|
78
|
+
self = Abstractio.libs.section,
|
79
79
|
region = $this.closest(self.settings.region_selector),
|
80
80
|
content = $this.siblings(self.settings.content_selector),
|
81
81
|
parent = region.parent(),
|
@@ -154,7 +154,7 @@
|
|
154
154
|
},
|
155
155
|
|
156
156
|
resize : function () {
|
157
|
-
var self =
|
157
|
+
var self = Abstractio.libs.section,
|
158
158
|
sections = $(self.settings.section_selector);
|
159
159
|
|
160
160
|
sections.each(function() {
|
@@ -406,4 +406,4 @@
|
|
406
406
|
$(document).off('.fndtn.section')
|
407
407
|
}
|
408
408
|
};
|
409
|
-
}(
|
409
|
+
}(Abstractio.zj, this, this.document));
|
@@ -3,7 +3,7 @@
|
|
3
3
|
;(function ($, window, document, undefined) {
|
4
4
|
'use strict';
|
5
5
|
|
6
|
-
|
6
|
+
Abstractio.libs.tooltips = {
|
7
7
|
name: 'tooltips',
|
8
8
|
|
9
9
|
version : '4.1.7',
|
@@ -16,7 +16,7 @@
|
|
16
16
|
'disable-for-touch': false,
|
17
17
|
tipTemplate : function (selector, content) {
|
18
18
|
return '<span data-selector="' + selector + '" class="'
|
19
|
-
+
|
19
|
+
+ Abstractio.libs.tooltips.settings.tooltipClass.substring(1)
|
20
20
|
+ '">' + content + '<span class="nub"></span></span>';
|
21
21
|
}
|
22
22
|
},
|
@@ -24,7 +24,7 @@
|
|
24
24
|
cache : {},
|
25
25
|
|
26
26
|
init : function (scope, method, options) {
|
27
|
-
|
27
|
+
Abstractio.inherit(this, 'data_options');
|
28
28
|
var self = this;
|
29
29
|
|
30
30
|
if (typeof method === 'object') {
|
@@ -144,7 +144,7 @@
|
|
144
144
|
objPos(nub, -nubHeight, 'auto', 'auto', target.offset().left);
|
145
145
|
} else {
|
146
146
|
var left = target.offset().left;
|
147
|
-
if (
|
147
|
+
if (Abstractio.rtl) {
|
148
148
|
left = target.offset().left + target.offset().width - this.outerWidth(tip);
|
149
149
|
}
|
150
150
|
objPos(tip, (target.offset().top + this.outerHeight(target) + 10), 'auto', 'auto', left, width);
|
@@ -193,7 +193,7 @@
|
|
193
193
|
reload : function () {
|
194
194
|
var $self = $(this);
|
195
195
|
|
196
|
-
return ($self.data('fndtn-tooltips')) ? $self.
|
196
|
+
return ($self.data('fndtn-tooltips')) ? $self.abstractioTooltips('destroy').abstractioTooltips('init') : $self.abstractioTooltips('init');
|
197
197
|
},
|
198
198
|
|
199
199
|
off : function () {
|
@@ -203,4 +203,4 @@
|
|
203
203
|
}).remove();
|
204
204
|
}
|
205
205
|
};
|
206
|
-
}(
|
206
|
+
}(Abstractio.zj, this, this.document));
|
@@ -3,7 +3,7 @@
|
|
3
3
|
;(function ($, window, document, undefined) {
|
4
4
|
'use strict';
|
5
5
|
|
6
|
-
|
6
|
+
Abstractio.libs.topbar = {
|
7
7
|
name : 'topbar',
|
8
8
|
|
9
9
|
version : '4.1.7',
|
@@ -18,7 +18,7 @@
|
|
18
18
|
},
|
19
19
|
|
20
20
|
init : function (section, method, options) {
|
21
|
-
|
21
|
+
Abstractio.inherit(this, 'data_options');
|
22
22
|
var self = this;
|
23
23
|
|
24
24
|
if (typeof method === 'object') {
|
@@ -249,4 +249,4 @@
|
|
249
249
|
$(window).off('.fndtn.topbar');
|
250
250
|
}
|
251
251
|
};
|
252
|
-
}(
|
252
|
+
}(Abstractio.zj, this, this.document));
|
@@ -0,0 +1,16 @@
|
|
1
|
+
/*
|
2
|
+
=require abstractio/abstractio
|
3
|
+
=require abstractio/abstractio.alerts
|
4
|
+
=require abstractio/abstractio.clearing
|
5
|
+
=require abstractio/abstractio.cookie
|
6
|
+
=require abstractio/abstractio.dropdown
|
7
|
+
=require abstractio/abstractio.forms
|
8
|
+
=require abstractio/abstractio.joyride
|
9
|
+
=require abstractio/abstractio.magellan
|
10
|
+
=require abstractio/abstractio.orbit
|
11
|
+
=require abstractio/abstractio.placeholder
|
12
|
+
=require abstractio/abstractio.reveal
|
13
|
+
=require abstractio/abstractio.section
|
14
|
+
=require abstractio/abstractio.tooltips
|
15
|
+
=require abstractio/abstractio.topbar
|
16
|
+
*/
|
data/js/vendor/jquery.js
CHANGED
@@ -5,7 +5,7 @@
|
|
5
5
|
* Includes Sizzle.js
|
6
6
|
* http://sizzlejs.com/
|
7
7
|
*
|
8
|
-
* Copyright 2005, 2012 jQuery
|
8
|
+
* Copyright 2005, 2012 jQuery Abstractio, Inc. and other contributors
|
9
9
|
* Released under the MIT license
|
10
10
|
* http://jquery.org/license
|
11
11
|
*
|
@@ -3686,7 +3686,7 @@ jQuery.fn.extend({
|
|
3686
3686
|
});
|
3687
3687
|
/*!
|
3688
3688
|
* Sizzle CSS Selector Engine
|
3689
|
-
* Copyright 2012 jQuery
|
3689
|
+
* Copyright 2012 jQuery Abstractio and other contributors
|
3690
3690
|
* Released under the MIT license
|
3691
3691
|
* http://sizzlejs.com/
|
3692
3692
|
*/
|
@@ -5273,7 +5273,7 @@ function matcherFromTokens( tokens ) {
|
|
5273
5273
|
implicitRelative = leadingRelative || Expr.relative[" "],
|
5274
5274
|
i = leadingRelative ? 1 : 0,
|
5275
5275
|
|
5276
|
-
// The
|
5276
|
+
// The abstractioal matcher ensures that elements are reachable from top-level context(s)
|
5277
5277
|
matchContext = addCombinator( function( elem ) {
|
5278
5278
|
return elem === checkContext;
|
5279
5279
|
}, implicitRelative, true ),
|
data/lib/abstractio/version.rb
CHANGED
data/package.json
ADDED
@@ -0,0 +1,15 @@
|
|
1
|
+
{
|
2
|
+
"name": "themepile-abstractio",
|
3
|
+
"version": "4.0.0-wip",
|
4
|
+
"devDependencies": {
|
5
|
+
"grunt": "~0.4.0",
|
6
|
+
"grunt-contrib-watch": "~0.1.0",
|
7
|
+
"grunt-contrib-qunit": "~0.1.1"
|
8
|
+
},
|
9
|
+
"licenses": [
|
10
|
+
{
|
11
|
+
"type": "MIT",
|
12
|
+
"url": "https://github.com/themepile/abstractio/blob/master/LICENSE"
|
13
|
+
}
|
14
|
+
]
|
15
|
+
}
|
data/scss/abstractio.scss
CHANGED
@@ -1,46 +1,46 @@
|
|
1
1
|
// Make sure the charset is set appropriately
|
2
2
|
@charset "UTF-8";
|
3
3
|
|
4
|
-
// This includes all of the
|
5
|
-
@import "
|
4
|
+
// This includes all of the abstractio global elements that are needed to work with any of the other files.
|
5
|
+
@import "abstractio/variables";
|
6
6
|
|
7
7
|
// Abstractio Components
|
8
8
|
@import
|
9
|
-
"
|
10
|
-
"
|
11
|
-
"
|
12
|
-
"
|
13
|
-
"
|
14
|
-
"
|
15
|
-
"
|
16
|
-
"
|
17
|
-
"
|
18
|
-
"
|
19
|
-
"
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
23
|
-
"
|
24
|
-
"
|
25
|
-
"
|
26
|
-
"
|
27
|
-
"
|
28
|
-
"
|
29
|
-
"
|
30
|
-
"
|
31
|
-
"
|
32
|
-
"
|
33
|
-
"
|
34
|
-
"
|
35
|
-
"
|
36
|
-
"
|
37
|
-
"
|
38
|
-
"
|
39
|
-
"
|
40
|
-
"
|
41
|
-
"
|
42
|
-
"
|
43
|
-
"
|
9
|
+
"abstractio/components/global",
|
10
|
+
"abstractio/components/grid",
|
11
|
+
"abstractio/components/visibility",
|
12
|
+
"abstractio/components/block-grid",
|
13
|
+
"abstractio/components/type",
|
14
|
+
"abstractio/components/buttons",
|
15
|
+
"abstractio/components/forms",
|
16
|
+
"abstractio/components/custom-forms",
|
17
|
+
"abstractio/components/button-groups",
|
18
|
+
"abstractio/components/dropdown-buttons",
|
19
|
+
"abstractio/components/split-buttons",
|
20
|
+
"abstractio/components/flex-video",
|
21
|
+
"abstractio/components/section",
|
22
|
+
"abstractio/components/top-bar",
|
23
|
+
"abstractio/components/orbit",
|
24
|
+
"abstractio/components/reveal",
|
25
|
+
"abstractio/components/joyride",
|
26
|
+
"abstractio/components/clearing",
|
27
|
+
"abstractio/components/alert-boxes",
|
28
|
+
"abstractio/components/breadcrumbs",
|
29
|
+
"abstractio/components/keystrokes",
|
30
|
+
"abstractio/components/labels",
|
31
|
+
"abstractio/components/inline-lists",
|
32
|
+
"abstractio/components/pagination",
|
33
|
+
"abstractio/components/panels",
|
34
|
+
"abstractio/components/pricing-tables",
|
35
|
+
"abstractio/components/progress-bars",
|
36
|
+
"abstractio/components/side-nav",
|
37
|
+
"abstractio/components/sub-nav",
|
38
|
+
"abstractio/components/switch",
|
39
|
+
"abstractio/components/magellan",
|
40
|
+
"abstractio/components/tables",
|
41
|
+
"abstractio/components/thumbs",
|
42
|
+
"abstractio/components/tooltips",
|
43
|
+
"abstractio/components/dropdown";
|
44
44
|
|
45
45
|
|
46
46
|
|
@@ -42,7 +42,7 @@ $block-grid-default-spacing: 10px !default;
|
|
42
42
|
}
|
43
43
|
|
44
44
|
@if $include-html-grid-classes {
|
45
|
-
/*
|
45
|
+
/* Abstractio Block Grids for below small breakpoint */
|
46
46
|
@media only screen {
|
47
47
|
[class*="block-grid-"] { @include block-grid; }
|
48
48
|
|
@@ -53,7 +53,7 @@ $block-grid-default-spacing: 10px !default;
|
|
53
53
|
}
|
54
54
|
}
|
55
55
|
|
56
|
-
/*
|
56
|
+
/* Abstractio Block Grids for above small breakpoint */
|
57
57
|
@media #{$small} {
|
58
58
|
/* Remove small grid clearing */
|
59
59
|
@for $i from 1 through $block-grid-elements {
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
// Global
|
2
|
+
// Global Abstractio Mixins
|
3
3
|
//
|
4
4
|
|
5
5
|
// We use this to control border radius.
|
@@ -118,7 +118,7 @@
|
|
118
118
|
}
|
119
119
|
|
120
120
|
//
|
121
|
-
//
|
121
|
+
// Abstractio Variables
|
122
122
|
//
|
123
123
|
|
124
124
|
// The default font-size is set to 100% of the browser style sheet (usually 16px)
|
@@ -35,7 +35,7 @@ $pagination-link-current-active-bg: $primary-color !default;
|
|
35
35
|
// Pagination Mixin
|
36
36
|
//
|
37
37
|
|
38
|
-
// We use this mixin to set the properties for the creating
|
38
|
+
// We use this mixin to set the properties for the creating Abstractio pagination
|
39
39
|
@mixin pagination($center:false, $base-style:true) {
|
40
40
|
|
41
41
|
@if $base-style {
|
@@ -1,11 +1,11 @@
|
|
1
1
|
//
|
2
|
-
//
|
2
|
+
// Abstractio Visibility Classes
|
3
3
|
//
|
4
4
|
$include-html-visibility-classes: $include-html-classes !default;
|
5
5
|
|
6
6
|
@if $include-html-visibility-classes != false {
|
7
7
|
|
8
|
-
/*
|
8
|
+
/* Abstractio Visibility HTML Classes */
|
9
9
|
.show-for-small,
|
10
10
|
.show-for-medium-down,
|
11
11
|
.show-for-large-down { display: inherit !important; }
|