1.1.3 • Published 3 years ago
@powel/design-media-queries v1.1.3
design-media-queries
Media query primitives/tokens to be used across Powel's products
Installation
npm install @powel/design-media-queries --save
Usage
JavaScript
In JavaScript, design token names are formatted in lower camelCase.
const tokens = require('@powel/design-media-queries');
console.log(tokens.mqLargeAndUp); // screen and ( min-width: 48.75em )
In JSON, design token names are formatted in SNAKE_CASE.
const tokens = require('@powel/design-media-queries/dist/index.json');
console.log(tokens['MQ_LARGE_AND_UP']); // screen and ( min-width: 48.75em )
Sass
Sass variables and map keys are formatted in kebab-case.
// Using variables
@import '~@powel/design-media-queries/dist/index';
@media #{$mq-large-and-up} {
body {
padding: 1rem;
}
}
1.1.3-1611318412866
3 years ago
1.1.3
3 years ago
1.1.3-1611317370457
3 years ago
1.1.1
3 years ago
1.1.2-1605872121029
3 years ago
1.1.1-1605869844951
3 years ago
1.1.2
3 years ago
1.1.0
4 years ago
1.0.0
4 years ago