Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* main.css */
- .mainContainer {
- padding: 16px;
- margin: 16px;
- background-color: palevioletred;
- border-radius: 5px;
- }
- .mainContainer h1{
- color: white;
- }
- /* overrides.css */
- .mainContainer h1{
- color: blue;
- }
- import React from 'react';
- import Main from './main.css';
- import Overrides from './overrides.css';
- const Style = Object.assign({}, Overrides, Main);
- class Sample extends React.Component{
- render(){
- return (
- <div className={Style.mainContainer}>
- <h1>Hello</h1>
- <p>Hello CSS modules!</p>
- </div>
- );
- }
- }
- export default Sample;
- /* main.css */
- ._1pXpG {
- padding: 16px;
- margin: 16px;
- background-color: palevioletred;
- border-radius: 5px;
- }
- ._1pXpG h1{
- color: white;
- }
- /* overrides.css */
- .Wmy0p h1{
- color: blue;
- }
Add Comment
Please, Sign In to add comment