titon-toolkit 0.10.0 → 0.11.0
Sign up to get free protection for your applications and to get access to all the features.
- 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:
|