Common styles fot Chat application
npm install common-chat-stylessass loader to load it.
` js
path.resolve(__dirname, 'node_modules/common-chat-styles')
`
2. Add alias for more convenient usage.
` js
'common-styles': path.resolve(__dirname, 'node_modules/common-chat-styles/core')
`
3. Import it in your sass file ` scss
@import "common-styles/common";
`$3
#### Mixin usage
` scss
// import all from common-styles/fonts
@import "common-styles/fonts";
// use mixin 'all-languages-fonts-setup' form common-styles/fonts
@include all-languages-fonts-setup();
`
#### Variable usage
` scss
// import all from common-styles/colors
@import "common-styles/colors";
// use $red variable form common-styles/colors
.btnEndChat {
background-color: $red;
...
}
`
#### Class usage
` scss
// import all from common-styles/colors in related to tsx styles
@import "common-styles/common";
`` js
// use 'hidden' class from 'common-styles/common'
? styles.visible
: styles.hidden}
/>
``