middleman-ratchet 0.1.1 → 0.1.2

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.
@@ -1,12 +1,36 @@
1
1
  /**
2
2
  * ==================================
3
- * Ratchet v1.0.0
3
+ * Ratchet v1.0.1
4
4
  * Licensed under The MIT License
5
5
  * http://opensource.org/licenses/MIT
6
6
  * ==================================
7
7
  */
8
8
 
9
9
  /* ----------------------------------
10
+ * MODAL v1.0.0
11
+ * Licensed under The MIT License
12
+ * http://opensource.org/licenses/MIT
13
+ * ---------------------------------- */
14
+
15
+ !function () {
16
+ var findModals = function (target) {
17
+ var i;
18
+ var modals = document.querySelectorAll('a');
19
+ for (; target && target !== document; target = target.parentNode) {
20
+ for (i = modals.length; i--;) { if (modals[i] === target) return target; }
21
+ }
22
+ };
23
+
24
+ var getModal = function (event) {
25
+ var modalToggle = findModals(event.target);
26
+ if (modalToggle && modalToggle.hash) return document.querySelector(modalToggle.hash);
27
+ };
28
+
29
+ window.addEventListener('touchend', function (event) {
30
+ var modal = getModal(event);
31
+ if (modal) modal.classList.toggle('active');
32
+ });
33
+ }();/* ----------------------------------
10
34
  * POPOVER v1.0.0
11
35
  * Licensed under The MIT License
12
36
  * http://opensource.org/licenses/MIT
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * ==================================
3
- * Ratchet v1.0.0
3
+ * Ratchet v1.0.1
4
4
  * Licensed under The MIT License
5
5
  * http://opensource.org/licenses/MIT
6
6
  * ==================================
@@ -126,11 +126,11 @@ a {
126
126
  bottom: 0;
127
127
  left: 0;
128
128
  overflow: auto;
129
- background: #fff;
129
+ background-color: #fff;
130
130
  -webkit-transition-property: top, bottom;
131
131
  transition-property: top, bottom;
132
- -webkit-transition-duration: .2s, .2s;
133
- transition-duration: .2s, .2s;
132
+ -webkit-transition-duration: .2s, .2s;
133
+ transition-duration: .2s, .2s;
134
134
  -webkit-transition-timing-function: linear, linear;
135
135
  transition-timing-function: linear, linear;
136
136
  -webkit-overflow-scrolling: touch;
@@ -637,12 +637,13 @@ input[type="color"],
637
637
  height: 40px;
638
638
  padding: 10px;
639
639
  margin-bottom: 10px;
640
- background: #fff;
640
+ background-color: #fff;
641
641
  border: 1px solid rgba(0, 0, 0, .2);
642
642
  border-radius: 3px;
643
643
  box-shadow: 0 1px 1px rgba(255, 255, 255, .2), inset 0 1px 1px rgba(0, 0, 0, .1);
644
644
  -webkit-appearance: none;
645
645
  box-sizing: border-box;
646
+ outline: none;
646
647
  }
647
648
 
648
649
  /* Fully round search input */
@@ -1128,6 +1129,32 @@ select {
1128
1129
  border: 1px solid #000;
1129
1130
  border-radius: 3px;
1130
1131
  -webkit-overflow-scrolling: touch;
1132
+ }/* Modals
1133
+ -------------------------------------------------- */
1134
+ .modal {
1135
+ position: fixed;
1136
+ top: 0;
1137
+ opacity: 0;
1138
+ z-index: 11;
1139
+ width: 100%;
1140
+ min-height: 100%;
1141
+ overflow: hidden;
1142
+ background-color: #fff;
1143
+ -webkit-transform: translate3d(0, 100%, 0);
1144
+ transform: translate3d(0, 100%, 0);
1145
+ -webkit-transition: -webkit-transform .25s ease-in-out, opacity 1ms .25s;
1146
+ transition: transform .25s ease-in-out, opacity 1ms .25s;
1147
+ }
1148
+
1149
+ /* Modal - When active
1150
+ -------------------------------------------------- */
1151
+ .modal.active {
1152
+ opacity: 1;
1153
+ height: 100%;
1154
+ -webkit-transition: -webkit-transform .25s ease-in-out;
1155
+ transition: transform .25 ease-in-out;
1156
+ -webkit-transform: translate3d(0, 0, 0);
1157
+ transform: translate3d(0, 0, 0);
1131
1158
  }/* Slider styles (to be used with sliders.js)
1132
1159
  -------------------------------------------------- */
1133
1160
 
@@ -1,5 +1,5 @@
1
1
  module Middleman
2
2
  module Ratchet
3
- VERSION = '0.1.1'
3
+ VERSION = '0.1.2'
4
4
  end
5
5
  end
@@ -1,4 +1,3 @@
1
- # coding: utf-8
2
1
  lib = File.expand_path('../lib', __FILE__)
3
2
  $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
3
  require 'middleman-ratchet/version'
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: middleman-ratchet
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2013-04-01 00:00:00.000000000 Z
12
+ date: 2013-05-18 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: bundler
@@ -108,7 +108,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
108
108
  version: '0'
109
109
  requirements: []
110
110
  rubyforge_project:
111
- rubygems_version: 1.8.25
111
+ rubygems_version: 1.8.23
112
112
  signing_key:
113
113
  specification_version: 3
114
114
  summary: middleman-ratchet is an extension for the Middleman static site generator