diff options
| author | Chris Rebert <[email protected]> | 2015-02-04 21:15:01 -0800 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2015-02-04 21:15:01 -0800 |
| commit | f265fed3eb02f39cf85000b3a6477b4f5b3ae7cc (patch) | |
| tree | 2600b3ffc76d423db222251359f762c1ee86649c | |
| parent | 7294506ebb482de0d865e5ef21dc518f89745570 (diff) | |
| download | bootstrap-f265fed3eb02f39cf85000b3a6477b4f5b3ae7cc.tar.xz bootstrap-f265fed3eb02f39cf85000b3a6477b4f5b3ae7cc.zip | |
account for mq4-hover-shim's renaming & org move
| -rw-r--r-- | Gruntfile.js | 2 | ||||
| -rw-r--r-- | docs/getting-started/support.md | 2 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | scss/mixins/_hover.scss | 2 |
4 files changed, 4 insertions, 4 deletions
diff --git a/Gruntfile.js b/Gruntfile.js index ff878a6ea..fb9ec8202 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -19,7 +19,7 @@ module.exports = function (grunt) { var path = require('path'); var glob = require('glob'); var npmShrinkwrap = require('npm-shrinkwrap'); - var mq4HoverShim = require('mq4-hover-hover-shim'); + var mq4HoverShim = require('mq4-hover-shim'); var generateCommonJSModule = require('./grunt/bs-commonjs-generator.js'); var configBridge = grunt.file.readJSON('./grunt/configBridge.json', { encoding: 'utf8' }); diff --git a/docs/getting-started/support.md b/docs/getting-started/support.md index 6ed11c5e2..2a96dbef7 100644 --- a/docs/getting-started/support.md +++ b/docs/getting-started/support.md @@ -169,7 +169,7 @@ Page zooming inevitably presents rendering artifacts in some components, both in ### Sticky `:hover`/`:focus` on mobile Even though real hovering isn't possible on most touchscreens, most mobile browsers emulate hovering support and make `:hover` "sticky". In other words, `:hover` styles start applying after tapping an element and only stop applying after the user taps some other element. On mobile-first sites, this behavior is normally undesirable. -Bootstrap includes a workaround for this, although it is disabled by default. By setting `$use-hover-media-query` to `true` when compiling from Sass, Bootstrap will use [mq4-hover-hover-shim](https://github.com/cvrebert/mq4-hover-hover-shim) to disable `:hover` styles in browsers that emulate hovering, thus preventing sticky `:hover` styles. There are some caveats to this workaround; see the shim's documentation for details. +Bootstrap includes a workaround for this, although it is disabled by default. By setting `$use-hover-media-query` to `true` when compiling from Sass, Bootstrap will use [mq4-hover-shim](https://github.com/twbs/mq4-hover-shim) to disable `:hover` styles in browsers that emulate hovering, thus preventing sticky `:hover` styles. There are some caveats to this workaround; see the shim's documentation for details. ### Printing diff --git a/package.json b/package.json index b93e08f0a..67bf080a8 100644 --- a/package.json +++ b/package.json @@ -61,7 +61,7 @@ "grunt-sed": "~0.1.1", "load-grunt-tasks": "~2.0.0", "markdown-it": "^3.0.4", - "mq4-hover-hover-shim": "0.0.4", + "mq4-hover-shim": "^0.1.0", "npm-shrinkwrap": "^200.0.0", "time-grunt": "~1.0.0" }, diff --git a/scss/mixins/_hover.scss b/scss/mixins/_hover.scss index fb5b52016..da18c6b69 100644 --- a/scss/mixins/_hover.scss +++ b/scss/mixins/_hover.scss @@ -1,7 +1,7 @@ @mixin hover { @if $use-hover-media-query { // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover - // Currently shimmed by https://github.com/cvrebert/mq4-hover-hover-shim + // Currently shimmed by https://github.com/twbs/mq4-hover-shim @media (hover: hover) { &:hover { @content } } |