5.0.13 • Published 6 years ago
fela-plugin-named-media-query v5.0.13
fela-plugin-named-media-query
This plugin is basically a convenient plugin for more readable code and better maintenance. It enables the use of named media query keys.
Installation
yarn add fela-plugin-named-media-query
You may alternatively use npm i --save fela-plugin-named-media-query
.
Usage
Make sure to read the documentation on how to use plugins.
import { createRenderer } from 'fela'
import namedMediaQuery from 'fela-plugin-named-media-query'
const renderer = createRenderer({
plugins: [ namedMediaQuery() ]
})
Configuration
Parameters
Parameter | Value | Default | Description |
---|---|---|---|
mediaQueryMap | (Object) | {} | An object with shorthand-mediaQuery pairs |
Example
import { createRenderer } from 'fela'
import namedMediaQuery from 'fela-plugin-named-media-query'
const namedMediaQueryPlugin = namedMediaQuery({
desktop: '@media (min-width: 1024px)',
tablet: '@media (min-width: 768px)'
})
const renderer = createRenderer({
plugins: [ namedMediaQueryPlugin ]
})
Example
Using the above example code:
Input
{
color: 'red',
desktop: {
color: 'blue'
}
}
Output
{
color: 'red',
'@media (min-width: 1024px)': {
color: 'blue'
}
}
License
Fela is licensed under the MIT License. Documentation is licensed under Creative Common License. Created with ♥ by @rofrischmann and all the great contributors.
5.0.13
6 years ago
5.0.11
7 years ago
5.0.10
7 years ago
5.0.9
7 years ago
5.0.8
7 years ago
5.0.7
7 years ago
5.0.6
7 years ago
5.0.5
7 years ago
5.0.4
7 years ago
5.0.3
7 years ago
5.0.2
7 years ago
5.0.1
7 years ago
5.0.0
7 years ago
4.3.5
7 years ago
4.3.4
7 years ago
4.3.3
7 years ago
4.3.2
7 years ago
4.3.1
7 years ago
4.3.0
7 years ago
4.2.6
7 years ago
4.2.5
7 years ago
4.2.4
7 years ago
4.2.3
7 years ago
4.2.2
7 years ago
4.2.1
7 years ago
4.2.0
7 years ago