titon-toolkit 2.1.0 → 2.1.1

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.
Files changed (7) hide show
  1. checksums.yaml +4 -4
  2. data/changelog.md +8 -0
  3. data/readme.md +1 -1
  4. data/scss/toolkit/components/off-canvas.scss +15 -14
  5. data/scss/toolkit/mixins/_grid.scss +3 -3
  6. data/version.md +1 -1
  7. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 387633fc2dd478ef09acfb28b7a8ad8182719b7d
4
- data.tar.gz: 7bf94d80fa6ce99780ed85723045af0a7fdc30ae
3
+ metadata.gz: 6b31d77f519e8a690bd84d4e42505c452fdfba5c
4
+ data.tar.gz: 079156933036f477f9aa43acb5724d2803110df6
5
5
  SHA512:
6
- metadata.gz: 19e0da8d5d6d288eadf2a4390ae100919124c608e8e9f5a30e6941640f217c1c4abf9a403c314c3c3c71f96459aa986aa805686800231316344dc59d83255ba4
7
- data.tar.gz: 7df8946cde0c2a98e17543d6568f0a8516a3776f6e407e18df68a1976f2741cab64aab444d90e9c231b6e0d6b7542d06d9b8757f42487a76fb4761f5c9a2ff43
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.0 #
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)
data/scss/toolkit/components/off-canvas.scss CHANGED
@@ -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: translate3d(-100%, 0, 0);
41
+ transform: translate(-100%, 0);
41
42
 
42
- &.show { transform: translate3d(0, 0, 0) !important; }
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: translate3d(100%, 0, 0);
49
+ transform: translate(100%, 0);
49
50
 
50
- &.show { transform: translate3d(0, 0, 0) !important; }
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: translate3d(-50%, 0, 0); }
66
- #{$offCanvas-class-modifier-right} { transform: translate3d(50%, 0, 0); }
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: translate3d(50%, 0, 0); }
73
- #{$offCanvas-class-modifier-right} { transform: translate3d(-50%, 0, 0); }
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: translate3d(0, 0, 0); }
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: translate3d(0, -100%, 0); }
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: translate3d(-$offCanvas-right-width, 0, 0);
103
+ transform: translate(-$offCanvas-right-width, 0);
103
104
  }
104
105
  }
105
106
 
106
107
  &.move-right {
107
108
  #{$offCanvas-class-content} {
108
- transform: translate3d($offCanvas-left-width, 0, 0);
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: translate3d(-$offCanvas-right-width-mobile, 0, 0);
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: translate3d($offCanvas-left-width-mobile, 0, 0);
162
+ transform: translate($offCanvas-left-width-mobile, 0);
162
163
  }
163
164
  }
164
165
  }
data/scss/toolkit/mixins/_grid.scss CHANGED
@@ -22,8 +22,8 @@
22
22
  float: $align-direction;
23
23
 
24
24
  @if $gutter {
25
- margin-#{$align-opposite-direction}: gutter($width, $gutter);
26
-
27
- &:last-child { margin-#{$align-opposite-direction}: 0; }
25
+ & + & {
26
+ margin-#{$align-direction}: gutter($width, $gutter);
27
+ }
28
28
  }
29
29
  }
data/version.md CHANGED
@@ -1 +1 @@
1
- 2.1.0
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.0
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-02-26 00:00:00.000000000 Z
12
+ date: 2015-03-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass