titon-toolkit 2.1.0 → 2.1.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/changelog.md +8 -0
- data/readme.md +1 -1
- data/scss/toolkit/components/off-canvas.scss +15 -14
- data/scss/toolkit/mixins/_grid.scss +3 -3
- data/version.md +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 6b31d77f519e8a690bd84d4e42505c452fdfba5c
|
4
|
+
data.tar.gz: 079156933036f477f9aa43acb5724d2803110df6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 1887713bb8b73c1ff86ebe94d66dfad40cc63593ad22b129ff6548b75073764dc456ff730749f6d020158bfa25871914c7398b5b0ceccb149880bc09c9598742
|
7
|
+
data.tar.gz: b21232ebd7f16f53e97e27bc34740b69e99edb525ec0a9f73cdf405222cb130a3a6fdf47abcd9d4e58556edeffdd64fec5f1504ac9608e8e2a8b1059c9fc05ed
|
data/changelog.md
CHANGED
@@ -2,7 +2,15 @@
|
|
2
2
|
|
3
3
|
Older versions can be found in the documentation changelogs.
|
4
4
|
|
5
|
+
## 2.1.1 ##
|
6
|
+
* Components
|
7
|
+
* Grid
|
8
|
+
* Updated gutter to use adjacent CSS selectors instead of `:last-child`
|
9
|
+
* OffCanvas
|
10
|
+
* Changed `translate3d()` to `translate()` to add basic support for IE9
|
11
|
+
|
5
12
|
## 2.1.0 ##
|
13
|
+
This minor release includes flexbox functionality, RTL integration, improved BEM support, and much more.
|
6
14
|
|
7
15
|
* Added the Flex component which supports flexbox based grids and layouts
|
8
16
|
* Added right-to-left (RTL) support for all CSS and JS components
|
data/readme.md
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
\/_/ \/_____/ \/_____/ \/_____/ \/_/\/_/ \/_/ \/_/
|
7
7
|
```
|
8
8
|
|
9
|
-
# Titon Toolkit v2.1.
|
9
|
+
# Titon Toolkit v2.1.1 #
|
10
10
|
[![Project Titon](https://img.shields.io/badge/project-titon-82667d.svg?style=flat)](http://titon.io)
|
11
11
|
[![Build Status](https://img.shields.io/travis/titon/toolkit.svg?style=flat)](https://travis-ci.org/titon/toolkit)
|
12
12
|
[![NPM Version](https://img.shields.io/npm/v/titon-toolkit.svg?style=flat)](https://npmjs.com/package/titon-toolkit)
|
@@ -25,6 +25,7 @@
|
|
25
25
|
max-width: 100%;
|
26
26
|
z-index: 2;
|
27
27
|
transition: transform $offCanvas-transition, padding $offCanvas-transition;
|
28
|
+
transform: translate(0, 0);
|
28
29
|
}
|
29
30
|
|
30
31
|
#{$offCanvas-class-wrapper} {
|
@@ -37,17 +38,17 @@
|
|
37
38
|
#{$offCanvas-class-modifier-left} {
|
38
39
|
left: 0;
|
39
40
|
width: $offCanvas-left-width;
|
40
|
-
transform:
|
41
|
+
transform: translate(-100%, 0);
|
41
42
|
|
42
|
-
&.show { transform:
|
43
|
+
&.show { transform: translate(0, 0) !important; }
|
43
44
|
}
|
44
45
|
|
45
46
|
#{$offCanvas-class-modifier-right} {
|
46
47
|
right: 0;
|
47
48
|
width: $offCanvas-right-width;
|
48
|
-
transform:
|
49
|
+
transform: translate(100%, 0);
|
49
50
|
|
50
|
-
&.show { transform:
|
51
|
+
&.show { transform: translate(0, 0) !important; }
|
51
52
|
}
|
52
53
|
|
53
54
|
//-------------------- Animations --------------------//
|
@@ -62,28 +63,28 @@
|
|
62
63
|
|
63
64
|
@if index($offCanvas-animations, "push-reveal") {
|
64
65
|
&.push-reveal {
|
65
|
-
#{$offCanvas-class-modifier-left} { transform:
|
66
|
-
#{$offCanvas-class-modifier-right} { transform:
|
66
|
+
#{$offCanvas-class-modifier-left} { transform: translate(-50%, 0); }
|
67
|
+
#{$offCanvas-class-modifier-right} { transform: translate(50%, 0); }
|
67
68
|
}
|
68
69
|
}
|
69
70
|
|
70
71
|
@if index($offCanvas-animations, "reverse-push") {
|
71
72
|
&.reverse-push {
|
72
|
-
#{$offCanvas-class-modifier-left} { transform:
|
73
|
-
#{$offCanvas-class-modifier-right} { transform:
|
73
|
+
#{$offCanvas-class-modifier-left} { transform: translate(50%, 0); }
|
74
|
+
#{$offCanvas-class-modifier-right} { transform: translate(-50%, 0); }
|
74
75
|
}
|
75
76
|
}
|
76
77
|
|
77
78
|
@if index($offCanvas-animations, "reveal") {
|
78
79
|
&.reveal {
|
79
|
-
#{$offCanvas-class} { transform:
|
80
|
+
#{$offCanvas-class} { transform: translate(0, 0); }
|
80
81
|
}
|
81
82
|
}
|
82
83
|
|
83
84
|
@if index($offCanvas-animations, "push-down") {
|
84
85
|
&.push-down {
|
85
86
|
#{$offCanvas-class-modifier-left},
|
86
|
-
#{$offCanvas-class-modifier-right} { transform:
|
87
|
+
#{$offCanvas-class-modifier-right} { transform: translate(0, -100%); }
|
87
88
|
}
|
88
89
|
}
|
89
90
|
|
@@ -99,13 +100,13 @@
|
|
99
100
|
&.reveal {
|
100
101
|
&.move-left {
|
101
102
|
#{$offCanvas-class-content} {
|
102
|
-
transform:
|
103
|
+
transform: translate(-$offCanvas-right-width, 0);
|
103
104
|
}
|
104
105
|
}
|
105
106
|
|
106
107
|
&.move-right {
|
107
108
|
#{$offCanvas-class-content} {
|
108
|
-
transform:
|
109
|
+
transform: translate($offCanvas-left-width, 0);
|
109
110
|
}
|
110
111
|
}
|
111
112
|
}
|
@@ -152,13 +153,13 @@
|
|
152
153
|
&.reveal {
|
153
154
|
&.move-left {
|
154
155
|
#{$offCanvas-class-content} {
|
155
|
-
transform:
|
156
|
+
transform: translate(-$offCanvas-right-width-mobile, 0);
|
156
157
|
}
|
157
158
|
}
|
158
159
|
|
159
160
|
&.move-right {
|
160
161
|
#{$offCanvas-class-content} {
|
161
|
-
transform:
|
162
|
+
transform: translate($offCanvas-left-width-mobile, 0);
|
162
163
|
}
|
163
164
|
}
|
164
165
|
}
|
@@ -22,8 +22,8 @@
|
|
22
22
|
float: $align-direction;
|
23
23
|
|
24
24
|
@if $gutter {
|
25
|
-
|
26
|
-
|
27
|
-
|
25
|
+
& + & {
|
26
|
+
margin-#{$align-direction}: gutter($width, $gutter);
|
27
|
+
}
|
28
28
|
}
|
29
29
|
}
|
data/version.md
CHANGED
@@ -1 +1 @@
|
|
1
|
-
2.1.
|
1
|
+
2.1.1
|
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: 2.1.
|
4
|
+
version: 2.1.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Project Titon
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2015-
|
12
|
+
date: 2015-03-17 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: sass
|