title: How to properly do nested imports for scss?Semantic-UI issues?
body: <p>Currently I am trying to use Semantic UI with my react application. It is currently altering the whole applications css. I looked up a solution to do nested scss imports to isolate it to a div. While doing so I get this error:</p>
  
  <p>./src/components/_EmployeeRES.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--6-oneOf-5-3!./node_modules/sass-loader/dist/cjs.js??ref--6-oneOf-5-4!./src/components/_EmployeeRES.scss)
  Module not found: Can't resolve './semantic-ui-css/semantic.min.css' in 'C:\Users\silve\desktop\Java_Project\my-app\src\components'</p>
  
  <p>Here are the files that I am working with:</p>
  
  <p>_semantic-ui.scss:</p>
  
  <pre><code>.semantic-ui{
      @import 'semantic-ui-css/semantic.min.css';
  }
  </code></pre>
  
  <p>_EmployeeRes.scss</p>
  
  <pre><code>.profile-icons{
      @import 'semantic-ui';
  }
  </code></pre>
  
  <p>EmployeeRES.js</p>
  
  <pre><code>import React from 'react'
  
  import { AgGridReact } from 'ag-grid-react'
  import './_EmployeeRES.scss'
  import 'ag-grid-community/dist/styles/ag-grid.css';
  import 'ag-grid-community/dist/styles/ag-theme-balham.css';
  
  import Button from '@material-ui/core/Button'
  import ClickAwayListener from '@material-ui/core/ClickAwayListener'
  import Paper from '@material-ui/core/Paper'
  import MenuItem from '@material-ui/core/MenuItem'
  import Menu from '@material-ui/core/Menu'
  import Modal from 'react-modal'
  import { Icon } from 'semantic-ui-react'
  import { Link } from '@material-ui/core';
  import { withRouter } from 'react-router-dom'
  
  ...
  
  
  export const Profile = ({visible, closeProfile,customStyle}) =&gt; (
    &lt;Modal
      isOpen={visible}
      onRequestClose={()=&gt;closeProfile()}
      style={customStyle}&gt;
          &lt;div className='profile-container'&gt;
              &lt;div style={{textAlign:'center' ,fontSize: '16px', fontWeight: 'bold'}}&gt;Profile&lt;/div&gt;
              &lt;div className='profile-pic-container'&gt;&lt;/div&gt;
              &lt;div style={{textAlign:'center',fontSize:'14px', marginTop: '10px'}}&gt;
                  &lt;div&gt;{'First Name Last Name'}&lt;/div&gt;
                  &lt;div&gt;{'Position'}&lt;/div&gt;
                  &lt;div&gt;{'City, State'}&lt;/div&gt;
              &lt;/div&gt;
               &lt;div className='profile-icons'&gt;
                  &lt;Icon name='phone' color='green' size='large'/&gt;
              &lt;/div&gt; 
          &lt;/div&gt;
    &lt;/Modal&gt;
  )
  </code></pre>
  
  <p>All these files are in the same directory.</p>