flow like the river
This commit is contained in:
commit
013fe673f3
42435 changed files with 5764238 additions and 0 deletions
39
VISUALIZACION/node_modules/polished/lib/mixins/hiDPI.js
generated
vendored
Executable file
39
VISUALIZACION/node_modules/polished/lib/mixins/hiDPI.js
generated
vendored
Executable file
|
|
@ -0,0 +1,39 @@
|
|||
"use strict";
|
||||
|
||||
exports.__esModule = true;
|
||||
exports["default"] = hiDPI;
|
||||
/**
|
||||
* Generates a media query to target HiDPI devices.
|
||||
*
|
||||
* @example
|
||||
* // Styles as object usage
|
||||
* const styles = {
|
||||
* [hiDPI(1.5)]: {
|
||||
* width: 200px;
|
||||
* }
|
||||
* }
|
||||
*
|
||||
* // styled-components usage
|
||||
* const div = styled.div`
|
||||
* ${hiDPI(1.5)} {
|
||||
* width: 200px;
|
||||
* }
|
||||
* `
|
||||
*
|
||||
* // CSS as JS Output
|
||||
*
|
||||
* '@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
|
||||
* only screen and (min--moz-device-pixel-ratio: 1.5),
|
||||
* only screen and (-o-min-device-pixel-ratio: 1.5/1),
|
||||
* only screen and (min-resolution: 144dpi),
|
||||
* only screen and (min-resolution: 1.5dppx)': {
|
||||
* 'width': '200px',
|
||||
* }
|
||||
*/
|
||||
function hiDPI(ratio) {
|
||||
if (ratio === void 0) {
|
||||
ratio = 1.3;
|
||||
}
|
||||
return "\n @media only screen and (-webkit-min-device-pixel-ratio: " + ratio + "),\n only screen and (min--moz-device-pixel-ratio: " + ratio + "),\n only screen and (-o-min-device-pixel-ratio: " + ratio + "/1),\n only screen and (min-resolution: " + Math.round(ratio * 96) + "dpi),\n only screen and (min-resolution: " + ratio + "dppx)\n ";
|
||||
}
|
||||
module.exports = exports.default;
|
||||
Loading…
Add table
Add a link
Reference in a new issue