PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

2.0.0

npm

@-ui/mq

A utility function for adding stored media queries and breakpoints to -ui styles

-ui-ui breakpointdashdash uidash ui breakpointdash ui breakpointsdash ui media queriesmq
Published19 Jan 2020
Direct dependencies16
Transitive dependenciesNot calculated

README

Current package documentation

@-ui/mq

Bundlephobia Types Code coverage Build status NPM Version MIT License 

npm i @-ui/mq

A utility function for adding stored media queries and breakpoints to -ui styles

Quick Start

import mq from '@-ui/mq'
import styles from '@-ui/styles'

const breakpoint = mq({
  // 0px
  phone: 'only screen and (min-width: 0em)',
  // 560px
  tablet: 'only screen and (min-width: 35em)',
  // 1280px
  desktop: 'only screen and (min-width: 80em)',
})

const responsiveBox = styles({
  default: `
    display: block;
    background: #000;
    width: 400px;
    height: 400px;
  `,
  big: breakpoint({
    default: `
      width: 800px;
      height: 800px;
    `,
    desktop: `
      width: 1000px;
      height: 1000px;
    `,
  }),
  small: `
    width: 300px;
    height: 300px;

    ${breakpoint('phone')} {
      width: 200px;
      height: 200px;
    }
  `,
})

API

LICENSE

MIT

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 17

Native requirements
16 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@-ui/styles
Environment
{
  "local_name": "@-ui/styles",
  "alias": false,
  "peer_metadata": null
}
^1.0.56development
@lunde/babel-preset-es
Environment
{
  "local_name": "@lunde/babel-preset-es",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@types/jest
Environment
{
  "local_name": "@types/jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
cross-env
Environment
{
  "local_name": "cross-env",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint-import-resolver-jest
Environment
{
  "local_name": "eslint-import-resolver-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
eslint-plugin-jest
Environment
{
  "local_name": "eslint-plugin-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
lint-staged
Environment
{
  "local_name": "lint-staged",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
rimraf
Environment
{
  "local_name": "rimraf",
  "alias": false,
  "peer_metadata": null
}
^2.6.3development
ts-jest
Environment
{
  "local_name": "ts-jest",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
latestdevelopment
@-ui/styles
Environment
{
  "local_name": "@-ui/styles",
  "alias": false,
  "peer_metadata": null
}
^1.0.53peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "ccbc28a960c3607543c96434bbf4db5be1622516",
  "tarball": "https://registry.npmjs.org/@-ui/mq/-/mq-2.0.0.tgz",
  "integrity": "sha512-LvWymzFPc3LRrpINGydZNhBMSXnYkbBcBxuDR2C5GSZTZpN8BS2CM1km9jqGJsXFlBB08RGD79rzFn58O45RtQ==",
  "fileCount": 11,
  "unpackedSize": 8891,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeJLaFCRA9TVsSAnZWagAA0pcP/izuJ5tg1t1MBQ2NLAz/\nfX5dubC0VGH/0dNgVvw4ySHU+KbtDM2blbGjeIWS5L+VWvqpLhK2oM8S6E0H\no24uHySsCt0AW7cmzcscNBPQPHl/3EZjFiBr+kiIxE/t4WCPOAoZ2cL6qXZn\nL7j0jFCVkuJ98KISWQ4wT8IVYWAAyDO4H2YG8RGPL4ygL8+hOXfUxf+3nzwE\nNlN+x1G9+sUmRdvjE/jsnI2ew0hFlBnzYkDNB/V7+LgyLVtUGLEoE61owxa6\nZ7po0z5O2gkJE4nsR1Macs57WisJK0aAAPU/YofgQQ8416mzDOjHY/B6tANr\nzYKsahN1biVz1aTTXoLBkDOMN0gOUI1GAA++fzvbHnnUAy8S6dXo33e1zSIp\nrGw7H72gyrkDTb99iyJNgdY6MkTSlx7Gz9nAON9o2dtW8GtHOdi+TtzNj7eh\nHsSQzlLFWyNqNsxWZ06sxF7RLbim+nVFl/ZDGSzE3z7QtsgTYaTF4t0xXMFX\n1IZkfRH240nk1FKxGAV4PDWpyGzOORLc3XWLIWT3lcwIXyKEndEBOR9nv3pc\nw01MNutcBda5v0jwpLtpRD1HM0ehwLk33NETRj+3juL+ok2jc+OS7OEJIx7j\nDgrKIlE0c9+zuSQScSiu8718aJNC6LNR3gJ9Y7nCYcTgEo1onUbXjmOl1Lgy\n9iEF\r\n=1Nki\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQC1h4xCGonfeimrwxigIbClllcEqju2zanM2mUtaifn7QIgQ3eXaqLYFS6klzi/2YLRsJBwRvjQF8yxS0+Wx1Z0SNA="
    }
  ]
}

Repository

PENDING
dash-ui/mq

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 21:49 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:30398eff7b4ed9e37668ef0d853684bb1aa01f079aa10564901d64fb9bbbc962

Other collected versions

2.1.022 Apr2.0.220 Apr2.0.120 Jan1.0.319 Jan1.0.219 Jan1.0.117 JanView all collected versions →