This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Notice in the compiled css how .world and .hello each have their own copies of the test mixin styles */ | |
@mixin text { | |
color: black; | |
font-size: 30px; | |
font-weight: bold; | |
} | |
.hello{ | |
@include text; | |
} | |
.world{ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// App.jsx | |
import 'styles/app.global.scss'; // Import the global styles once in the top-most App component | |
import styles from './app.scss'; // Import modular styles for the App component | |
import React from 'react'; | |
import cx from 'classnames'; // Optional classname helper library | |
import { Header } from './Header'; |