1.0.5 • Published 6 years ago
enhanced-css-loader v1.0.5
Style transformer.
Allows alternate syntax for combining multiple styles without the use of
compose
.
Usage:
className={styles.someclass}
-> className='someclass'
className={styles.someclass({ otherclass: true })}
-> className='someclass otherclass'
Useful with props:
className={styles.someclass({ otherclass: this.props.booleanValue })}
Full example:
SASS:
.header
font-size: 2em
font-weight: bold
&.small
font-size: 1.5em
.logo
// Regular styles can be used as usual
React Component:
// ...
import styles from '.../stylesheet.css'
// ...
render () {
return (
<div className={styles.header({ small: this.props.small })}>
<div className={styles.logo}></div>
Example Text
</div>
)
}
// ...