Package Exports
- jss-extend
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (jss-extend) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
JSS plugin that enables inheritance
This plugin implements a custom extend style property.
Value of extend property can be a string, object and array. If string is used, it will look for a rule with such a name. If object - plain rule object is expected, if array - an array of plain rule obejcts is expected.
Usage examples
import jss from 'jss'
import extend from 'jss-extend'
// Setup jss plugins.
jss.use(extend())
const sheet = jss.createStyleSheet({
redContainer: {
background: 'red'
},
container: {
extend: 'redContainer',
'font-size': '20px'
}
})
const redContainer = {
background: 'red'
}
const sheet = jss.createStyleSheet({
container: {
extend: redContainer, // Can be an array of styles
'font-size': '20px'
}
})
// Without `extend`, using ES7.
const sheet = jss.createStyleSheet({
container: {
...redContainer,
'font-size': '20px'
}
})
console.log(sheet.toString()).jss-0-0 {
background: red;
font-size: 20px;
}console.log(sheet.classes){container: 'jss-0-0'}Issues
File a bug against jsstyles/jss prefixed with [jss-extend].
Run tests
npm i
npm run testLicense
MIT