mobile_reset 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.
- data/README.md +2 -2
- data/stylesheets/_mobile_reset.scss +8 -5
- metadata +4 -4
data/README.md
CHANGED
|
@@ -10,7 +10,7 @@ From the command line:
|
|
|
10
10
|
|
|
11
11
|
Or, from your project's Gemfile:
|
|
12
12
|
|
|
13
|
-
gem 'mobile_reset'
|
|
13
|
+
gem 'mobile_reset', '~> 0.1.1'
|
|
14
14
|
|
|
15
15
|
At the top of your main SCSS file, add the following:
|
|
16
16
|
|
|
@@ -22,7 +22,7 @@ In your compass config file:
|
|
|
22
22
|
|
|
23
23
|
From the command line:
|
|
24
24
|
|
|
25
|
-
compass install
|
|
25
|
+
compass install mobile_reset
|
|
26
26
|
|
|
27
27
|
If you're using jQuery, you can add the following to automatically disable the long tap touch callout dialog in mobile safari on all links with `href='#'`:
|
|
28
28
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
/* Disable shadow effects in textfield inputs */
|
|
2
2
|
input[type="password"],
|
|
3
3
|
input[type="datetime"],
|
|
4
4
|
input[type="datetime-local"],
|
|
@@ -15,13 +15,16 @@ textarea {
|
|
|
15
15
|
-webkit-appearance: none;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
// Disable webkit tap-highlighting on non-links
|
|
19
18
|
body {
|
|
19
|
+
/* Disable webkit tap-highlighting on non-links */
|
|
20
20
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
21
21
|
tap-highlight-color: rgba(0,0,0,0);
|
|
22
|
+
|
|
23
|
+
/* Disable text resizing on orientation change */
|
|
24
|
+
-webkit-text-size-adjust: none;
|
|
22
25
|
}
|
|
23
26
|
|
|
24
|
-
|
|
27
|
+
/* Enable webkit tap-highlighting on links and inputs */
|
|
25
28
|
a,
|
|
26
29
|
input,
|
|
27
30
|
textarea {
|
|
@@ -29,8 +32,8 @@ textarea {
|
|
|
29
32
|
tap-highlight-color: #999;
|
|
30
33
|
}
|
|
31
34
|
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
/* Add this class to any links that are overridden by Javascript
|
|
36
|
+
In jQuery: $('a[href="#"]').addClass('no-touch-callout'); */
|
|
34
37
|
.no-touch-callout {
|
|
35
38
|
-webkit-touch-callout: none;
|
|
36
39
|
}
|
metadata
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: mobile_reset
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
hash:
|
|
4
|
+
hash: 31
|
|
5
5
|
prerelease:
|
|
6
6
|
segments:
|
|
7
7
|
- 0
|
|
8
8
|
- 1
|
|
9
|
-
-
|
|
10
|
-
version: 0.1.
|
|
9
|
+
- 2
|
|
10
|
+
version: 0.1.2
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Sam Grossberg
|
|
@@ -44,7 +44,7 @@ files:
|
|
|
44
44
|
- README.md
|
|
45
45
|
- lib/mobile_reset.rb
|
|
46
46
|
- stylesheets/_mobile_reset.scss
|
|
47
|
-
homepage: http://www.
|
|
47
|
+
homepage: http://www.github.com/samgro/mobile_reset
|
|
48
48
|
licenses: []
|
|
49
49
|
|
|
50
50
|
post_install_message:
|