diff --git a/Gruntfile.js b/Gruntfile.js index ff878a6eac..fb9ec82020 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 6ed11c5e20..2a96dbef70 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 b93e08f0ac..67bf080a83 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 fb5b520165..da18c6b696 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 } }