titon-toolkit 0.10.0 → 0.11.0
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/{src/lib → lib}/titon-toolkit.rb +0 -0
- data/readme.md +5 -7
- data/{src/scss → scss}/normalize.scss +15 -5
- data/{src/scss → scss}/toolkit.scss +2 -1
- data/{src/scss → scss}/toolkit/_common.scss +4 -4
- data/{src/scss → scss}/toolkit/_variables.scss +0 -0
- data/{src/scss → scss}/toolkit/effects/visual.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/base.scss +2 -2
- data/{src/scss → scss}/toolkit/layout/code.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/form.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/grid.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/input-group.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/responsive.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/table.scss +1 -1
- data/{src/scss → scss}/toolkit/layout/typography.scss +1 -1
- data/{src/scss → scss}/toolkit/mixins/_grid.scss +0 -0
- data/{src/scss → scss}/toolkit/mixins/_layout.scss +0 -0
- data/{src/scss → scss}/toolkit/mixins/_responsive.scss +0 -0
- data/{src/scss → scss}/toolkit/mixins/_themes.scss +0 -0
- data/{src/scss → scss}/toolkit/modules/accordion.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/blackout.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/carousel.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/flyout.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/modal.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/popover.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/showcase.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/tabs.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/tooltip.scss +1 -1
- data/{src/scss → scss}/toolkit/modules/type-ahead.scss +1 -1
- data/{src/scss → scss}/toolkit/themes/titon.scss +1 -7
- data/{src/scss → scss}/toolkit/themes/tomorrow-night.scss +4 -4
- data/{src/scss → scss}/toolkit/ui/alert.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/breadcrumbs.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/button-group.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/button.scss +2 -2
- data/{src/scss → scss}/toolkit/ui/dropdown.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/icon.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/label-badge.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/lazy-load.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/matrix.scss +8 -1
- data/{src/scss → scss}/toolkit/ui/pagination.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/pin.scss +1 -1
- data/{src/scss → scss}/toolkit/ui/progress.scss +1 -1
- data/version.md +1 -1
- metadata +43 -45
|
File without changes
|
data/readme.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
# Toolkit v0.
|
|
1
|
+
# Toolkit v0.11.0 #
|
|
2
2
|
|
|
3
3
|
Toolkit is a collection of very powerful user-interface components and utility classes.
|
|
4
4
|
Each component represents encapsulated HTML, CSS and JS functionality for role specific page elements.
|
|
@@ -33,19 +33,17 @@ Sass for CSS pre-processing, Grunt for task and package management, and Intern f
|
|
|
33
33
|
* `Blackout` - Displays a transparent black element over the document
|
|
34
34
|
* `Carousel` - Provides a 16:9 responsive carousel with panels that slide or fade in
|
|
35
35
|
* `Flyout` - Displays nested flyout menus that appear below an element that activates it
|
|
36
|
+
* `LazyLoad` - Provides an easy way to lazy-load images (inline and background) while scrolling
|
|
37
|
+
* `Matrix` - Reorganizes elements into a modular cascading grid (masonry style)
|
|
36
38
|
* `Modal` - Displays dynamic modals that will display above the content
|
|
39
|
+
* `Pin` - Pin an element in a container that stays within the viewport while scrolling
|
|
37
40
|
* `Popover` - Displays dynamic notification elements over an element
|
|
38
41
|
* `Showcase` - Provides a lightbox style image gallery
|
|
39
42
|
* `Tabs` - Provides tabbed support to an element containing navigation tabs and sections
|
|
43
|
+
* `Toggle` - Toggles the display of a target element; useful for triggering transitions
|
|
40
44
|
* `Tooltip` - Displays dynamic tooltips over an element or the mouse cursor
|
|
41
45
|
* `TypeAhead` - Displays a list of possible options below an input while typing
|
|
42
46
|
|
|
43
|
-
#### Utilities ####
|
|
44
|
-
* `LazyLoad` - Provides an easy way to lazy-load images (inline and background) while scrolling
|
|
45
|
-
* `Matrix` - Reorganizes elements into a modular cascading grid (masonry style)
|
|
46
|
-
* `Pin` - Pin an element in a container that stays within the viewport while scrolling
|
|
47
|
-
* `Toggle` - Toggles the display of a target element; useful for triggering transitions
|
|
48
|
-
|
|
49
47
|
#### Extensions ####
|
|
50
48
|
Titon also provides classes that build upon MooTools itself. These classes do not require the Titon library.
|
|
51
49
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! normalize.css v2.1.
|
|
1
|
+
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
|
|
2
2
|
|
|
3
3
|
/* ==========================================================================
|
|
4
4
|
HTML5 display definitions
|
|
@@ -44,10 +44,12 @@ audio:not([controls]) {
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
/**
|
|
47
|
-
* Address styling not present in IE 8/9.
|
|
47
|
+
* Address `[hidden]` styling not present in IE 8/9.
|
|
48
|
+
* Hide the `template` element in IE, Safari, and Firefox < 22.
|
|
48
49
|
*/
|
|
49
50
|
|
|
50
|
-
[hidden]
|
|
51
|
+
[hidden],
|
|
52
|
+
template {
|
|
51
53
|
display: none;
|
|
52
54
|
}
|
|
53
55
|
|
|
@@ -79,6 +81,14 @@ body {
|
|
|
79
81
|
Links
|
|
80
82
|
========================================================================== */
|
|
81
83
|
|
|
84
|
+
/**
|
|
85
|
+
* Remove the gray background color from active links in IE 10.
|
|
86
|
+
*/
|
|
87
|
+
|
|
88
|
+
a {
|
|
89
|
+
background: transparent;
|
|
90
|
+
}
|
|
91
|
+
|
|
82
92
|
/**
|
|
83
93
|
* Address `outline` inconsistency between Chrome and other browsers.
|
|
84
94
|
*/
|
|
@@ -329,8 +339,8 @@ html input[disabled] {
|
|
|
329
339
|
}
|
|
330
340
|
|
|
331
341
|
/**
|
|
332
|
-
* 1. Address box sizing set to `content-box` in IE 8/9.
|
|
333
|
-
* 2. Remove excess padding in IE 8/9.
|
|
342
|
+
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
343
|
+
* 2. Remove excess padding in IE 8/9/10.
|
|
334
344
|
*/
|
|
335
345
|
|
|
336
346
|
input[type="checkbox"],
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
@import "normalize";
|
|
8
|
-
@import "toolkit/
|
|
8
|
+
@import "toolkit/_common";
|
|
9
9
|
@import "toolkit/layout/base";
|
|
10
10
|
@import "toolkit/layout/typography";
|
|
11
11
|
@import "toolkit/layout/grid";
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
@import "toolkit/ui/icon";
|
|
23
23
|
@import "toolkit/ui/label-badge";
|
|
24
24
|
@import "toolkit/ui/lazy-load";
|
|
25
|
+
@import "toolkit/ui/matrix";
|
|
25
26
|
@import "toolkit/ui/pagination";
|
|
26
27
|
@import "toolkit/ui/pin";
|
|
27
28
|
@import "toolkit/ui/progress";
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
//-------------------- Toolkit --------------------//
|
|
3
3
|
|
|
4
4
|
@import "variables";
|
|
5
|
-
@import "mixins/
|
|
6
|
-
@import "mixins/
|
|
7
|
-
@import "mixins/
|
|
8
|
-
@import "mixins/
|
|
5
|
+
@import "mixins/_layout";
|
|
6
|
+
@import "mixins/_grid";
|
|
7
|
+
@import "mixins/_responsive";
|
|
8
|
+
@import "mixins/_themes";
|
|
9
9
|
|
|
10
10
|
//-------------------- Compass --------------------//
|
|
11
11
|
|
|
File without changes
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @link http://titon.io
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
@import "../
|
|
7
|
+
@import "../_common";
|
|
8
8
|
|
|
9
9
|
// Use border-box for everything
|
|
10
10
|
*, *:after, *:before { @include box-sizing(border-box); }
|
|
@@ -73,7 +73,7 @@ button[disabled] { cursor: not-allowed !important; pointer-events: none; }
|
|
|
73
73
|
@include reset-inline-block;
|
|
74
74
|
width: 30px;
|
|
75
75
|
height: 30px;
|
|
76
|
-
line-height:
|
|
76
|
+
line-height: 32px;
|
|
77
77
|
text-align: center;
|
|
78
78
|
background: white(.5);
|
|
79
79
|
border-radius: 2px;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @link http://titon.io
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
@import "../
|
|
7
|
+
@import "../_common";
|
|
8
8
|
|
|
9
9
|
body {
|
|
10
10
|
font: normal 16px/1.75rem "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
@@ -27,12 +27,6 @@ code { background: $info-light; color: $info-dark; }
|
|
|
27
27
|
var { background: $error-light; color: $error-dark; }
|
|
28
28
|
mark { background: tint($warning-light, 25%); }
|
|
29
29
|
|
|
30
|
-
input, textarea {
|
|
31
|
-
font: normal 16px/1.75rem "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.close { line-height: 90%; }
|
|
35
|
-
|
|
36
30
|
//-------------------- Accordion --------------------//
|
|
37
31
|
|
|
38
32
|
.accordion-head {
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* https://github.com/chriskempson/tomorrow-theme
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
|
-
@import "../
|
|
12
|
+
@import "../_common";
|
|
13
13
|
|
|
14
14
|
$gray-lightest: #72757b;
|
|
15
15
|
$gray-light: #575b62;
|
|
@@ -414,8 +414,8 @@ $button-shadow: 0 1px 0 white(.5) inset, 0 0 3px #000;
|
|
|
414
414
|
|
|
415
415
|
.modal {
|
|
416
416
|
.close {
|
|
417
|
-
top:
|
|
418
|
-
right:
|
|
417
|
+
top: -11px;
|
|
418
|
+
right: -45px;
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
421
|
|
|
@@ -540,7 +540,7 @@ $button-shadow: 0 1px 0 white(.5) inset, 0 0 3px #000;
|
|
|
540
540
|
|
|
541
541
|
.close {
|
|
542
542
|
top: -11px;
|
|
543
|
-
right: -
|
|
543
|
+
right: -45px;
|
|
544
544
|
}
|
|
545
545
|
}
|
|
546
546
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @link http://titon.io
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
@import "../
|
|
7
|
+
@import "../_common";
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* <button type="button" class="button large round">Large Rounded Button</button>
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
text-align: center;
|
|
18
18
|
overflow: hidden;
|
|
19
19
|
font-weight: normal;
|
|
20
|
-
line-height: normal;
|
|
20
|
+
line-height: normal;
|
|
21
21
|
user-select: none;
|
|
22
22
|
white-space: nowrap;
|
|
23
23
|
@include size-medium;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @link http://titon.io
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
@import "../
|
|
7
|
+
@import "../_common";
|
|
8
8
|
|
|
9
9
|
/**
|
|
10
10
|
* Should be used in conjunction with the JavaScript Titon.Matrix component.
|
|
@@ -23,4 +23,11 @@
|
|
|
23
23
|
.matrix-item {
|
|
24
24
|
position: absolute;
|
|
25
25
|
@include transition(top .3s, left .3s, bottom .3s, right .3s, opacity .3s);
|
|
26
|
+
|
|
27
|
+
img {
|
|
28
|
+
max-width: 100%;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: auto;
|
|
31
|
+
display: block;
|
|
32
|
+
}
|
|
26
33
|
}
|
data/version.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
0.
|
|
1
|
+
0.11.0
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: titon-toolkit
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.11.0
|
|
5
5
|
prerelease:
|
|
6
6
|
platform: ruby
|
|
7
7
|
authors:
|
|
@@ -51,48 +51,48 @@ executables: []
|
|
|
51
51
|
extensions: []
|
|
52
52
|
extra_rdoc_files: []
|
|
53
53
|
files:
|
|
54
|
-
-
|
|
55
|
-
-
|
|
56
|
-
-
|
|
57
|
-
-
|
|
58
|
-
-
|
|
59
|
-
-
|
|
60
|
-
-
|
|
61
|
-
-
|
|
62
|
-
-
|
|
63
|
-
-
|
|
64
|
-
-
|
|
65
|
-
-
|
|
66
|
-
-
|
|
67
|
-
-
|
|
68
|
-
-
|
|
69
|
-
-
|
|
70
|
-
-
|
|
71
|
-
-
|
|
72
|
-
-
|
|
73
|
-
-
|
|
74
|
-
-
|
|
75
|
-
-
|
|
76
|
-
-
|
|
77
|
-
-
|
|
78
|
-
-
|
|
79
|
-
-
|
|
80
|
-
-
|
|
81
|
-
-
|
|
82
|
-
-
|
|
83
|
-
-
|
|
84
|
-
-
|
|
85
|
-
-
|
|
86
|
-
-
|
|
87
|
-
-
|
|
88
|
-
-
|
|
89
|
-
-
|
|
90
|
-
-
|
|
91
|
-
-
|
|
92
|
-
-
|
|
93
|
-
-
|
|
94
|
-
-
|
|
95
|
-
-
|
|
54
|
+
- lib/titon-toolkit.rb
|
|
55
|
+
- scss/normalize.scss
|
|
56
|
+
- scss/toolkit/effects/visual.scss
|
|
57
|
+
- scss/toolkit/layout/base.scss
|
|
58
|
+
- scss/toolkit/layout/code.scss
|
|
59
|
+
- scss/toolkit/layout/form.scss
|
|
60
|
+
- scss/toolkit/layout/grid.scss
|
|
61
|
+
- scss/toolkit/layout/input-group.scss
|
|
62
|
+
- scss/toolkit/layout/responsive.scss
|
|
63
|
+
- scss/toolkit/layout/table.scss
|
|
64
|
+
- scss/toolkit/layout/typography.scss
|
|
65
|
+
- scss/toolkit/mixins/_grid.scss
|
|
66
|
+
- scss/toolkit/mixins/_layout.scss
|
|
67
|
+
- scss/toolkit/mixins/_responsive.scss
|
|
68
|
+
- scss/toolkit/mixins/_themes.scss
|
|
69
|
+
- scss/toolkit/modules/accordion.scss
|
|
70
|
+
- scss/toolkit/modules/blackout.scss
|
|
71
|
+
- scss/toolkit/modules/carousel.scss
|
|
72
|
+
- scss/toolkit/modules/flyout.scss
|
|
73
|
+
- scss/toolkit/modules/modal.scss
|
|
74
|
+
- scss/toolkit/modules/popover.scss
|
|
75
|
+
- scss/toolkit/modules/showcase.scss
|
|
76
|
+
- scss/toolkit/modules/tabs.scss
|
|
77
|
+
- scss/toolkit/modules/tooltip.scss
|
|
78
|
+
- scss/toolkit/modules/type-ahead.scss
|
|
79
|
+
- scss/toolkit/themes/titon.scss
|
|
80
|
+
- scss/toolkit/themes/tomorrow-night.scss
|
|
81
|
+
- scss/toolkit/ui/alert.scss
|
|
82
|
+
- scss/toolkit/ui/breadcrumbs.scss
|
|
83
|
+
- scss/toolkit/ui/button-group.scss
|
|
84
|
+
- scss/toolkit/ui/button.scss
|
|
85
|
+
- scss/toolkit/ui/dropdown.scss
|
|
86
|
+
- scss/toolkit/ui/icon.scss
|
|
87
|
+
- scss/toolkit/ui/label-badge.scss
|
|
88
|
+
- scss/toolkit/ui/lazy-load.scss
|
|
89
|
+
- scss/toolkit/ui/matrix.scss
|
|
90
|
+
- scss/toolkit/ui/pagination.scss
|
|
91
|
+
- scss/toolkit/ui/pin.scss
|
|
92
|
+
- scss/toolkit/ui/progress.scss
|
|
93
|
+
- scss/toolkit/_common.scss
|
|
94
|
+
- scss/toolkit/_variables.scss
|
|
95
|
+
- scss/toolkit.scss
|
|
96
96
|
- license.md
|
|
97
97
|
- readme.md
|
|
98
98
|
- version.md
|
|
@@ -103,8 +103,6 @@ post_install_message:
|
|
|
103
103
|
rdoc_options: []
|
|
104
104
|
require_paths:
|
|
105
105
|
- lib
|
|
106
|
-
- src
|
|
107
|
-
- src/lib
|
|
108
106
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
109
107
|
none: false
|
|
110
108
|
requirements:
|