titon-toolkit 2.1.2 → 2.1.3

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 306698615fac936feca0bf97213f505b6c8d69db
4
- data.tar.gz: 1b6240d7d164515365db51b76e137582eb5cf286
3
+ metadata.gz: 014b7119768d95e93f3344055485cb0636bd2109
4
+ data.tar.gz: a2f7202e70fc1f49002b336cc3f32acbf10aa7da
5
5
  SHA512:
6
- metadata.gz: aa8a7e923724a74b1ce8c477f017445d7aa3e347bcd771108bbb0991d0ac0481a0436a1988837b9521db233e4890f8d39bd6d4e23dc477ec2fe367988206cc3e
7
- data.tar.gz: 1376453c8f6a1b51737e438b67fbebcac4be0ca2901a52081fbe0738068048ec4a66f12c85f834140542ba6467bc1245821a9c9bf5101a6981b9003b8051bc01
6
+ metadata.gz: 6e75a07607962b27f70476ea88da9d238c4accd677740aae6cc878d62e749916b6b18cf801203bc3e8c8c78fa099594c727e4e98e4f787b4ecbe9c0cc6e8bd09
7
+ data.tar.gz: 113282ce6ecaf96d6d6b302544a4baa98319a25022eb16b927927607941cc919f56ce9f704ede6344eb3a3b1867b8c822a839f8c68898101eceaa20af36b2e55
data/changelog.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  Older versions can be found in the documentation changelogs.
4
4
 
5
+ ## 2.1.3 ##
6
+ * Added responsive and fluid media support with the `.fluid-media` class
7
+ * Removed `outline: none` styles to encourage browser default focus outlines
8
+ * Components
9
+ * Flyout, Popover, Tooltip, TypeAhead
10
+ * Will now automatically hide when the window is resized
11
+
5
12
  ## 2.1.2 ##
6
13
  * Updated NPM packages and improved Gulp workflow
7
14
  * Components
data/readme.md CHANGED
@@ -6,7 +6,7 @@
6
6
  \/_/ \/_____/ \/_____/ \/_____/ \/_/\/_/ \/_/ \/_/
7
7
  ```
8
8
 
9
- # Titon Toolkit v2.1.2 #
9
+ # Titon Toolkit v2.1.3 #
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)
@@ -32,13 +32,7 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
32
32
  .hidden { display: none; }
33
33
  .no-transition { transition: none !important; }
34
34
 
35
- .fluid {
36
- display: block;
37
- width: 100%;
38
- height: auto;
39
- max-width: 100%;
40
- }
41
-
35
+ // Accessibility
42
36
  .sr-only {
43
37
  position: absolute;
44
38
  width: 1px;
@@ -79,7 +73,7 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
79
73
 
80
74
  .clear-fix { @include clear-fix; }
81
75
 
82
- // Styles
76
+ // States
83
77
  #{$shape-round-class} { border-radius: $round; }
84
78
  .is-draggable { cursor: move; }
85
79
  .is-dragging { cursor: grabbing; }
@@ -103,7 +97,7 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
103
97
  .caret-left { border-right-color: inherit; }
104
98
  .caret-right { border-left-color: inherit; }
105
99
 
106
- //, Characters
100
+ // Characters
107
101
  .x {
108
102
  @include reset-inline-block;
109
103
  font: bold 1.5rem/1rem Arial, sans-serif;
@@ -157,3 +151,28 @@ bdo[dir="rtl"] { direction: rtl; unicode-bidi: bidi-override; }
157
151
  @for $i from 1 through 12 {
158
152
  .span-#{$i} { width: grid-span($i, 12); }
159
153
  }
154
+
155
+ // Fluid
156
+ .fluid {
157
+ display: block;
158
+ max-width: 100%;
159
+ width: 100%;
160
+ height: auto;
161
+ }
162
+
163
+ .fluid-media {
164
+ @extend .fluid;
165
+ position: relative;
166
+ padding-bottom: 56.25%; /* 16:9 */
167
+ height: 0;
168
+
169
+ iframe,
170
+ object,
171
+ embed {
172
+ position: absolute;
173
+ top: 0;
174
+ left: 0;
175
+ width: 100%;
176
+ height: 100%;
177
+ }
178
+ }
@@ -26,8 +26,6 @@
26
26
  cursor: not-allowed;
27
27
  }
28
28
 
29
- &:focus { outline: none; }
30
-
31
29
  //----- Effects -----//
32
30
 
33
31
  @if index($button-effects, "oval") {
@@ -65,7 +65,6 @@
65
65
 
66
66
  &:focus {
67
67
  border-color: $info;
68
- outline: none;
69
68
  }
70
69
 
71
70
  &[readonly] {
data/version.md CHANGED
@@ -1 +1 @@
1
- 2.1.2
1
+ 2.1.3
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.2
4
+ version: 2.1.3
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-04-07 00:00:00.000000000 Z
12
+ date: 2015-05-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: sass