Rename .css files to .scss

src/atoms/Checkbox.js

 import React from 'react'
 import classnames from 'classnames'
-import classes from './Checkbox.local.css'
+import classes from './Checkbox.local.scss'
 
 const Checkbox = ({ inline, name, value, label, checked, required, onChange }) => (
   <label className={classnames(classes.root, {

src/atoms/File.js

 import React from 'react'
-import classes from './File.local.css'
+import classes from './File.local.scss'
 
 const extension = ({ name }) => name.replace(/^.+\./, '')
 

src/atoms/Menu.js

 import React from 'react'
 import classnames from 'classnames'
-import classes from './Menu.local.css'
+import classes from './Menu.local.scss'
 
 // TODO: match the width of the container to the width of the widest option?
 

src/atoms/Radio.js

 import React from 'react'
 import classnames from 'classnames'
-import classes from './Radio.local.css'
+import classes from './Radio.local.scss'
 
 const Radio = ({ inline, name, value, label, checked, required, onChange }) => (
   <label className={classnames(classes.root, {

src/atoms/Tags.js

 import React from 'react'
 import ReactTags from 'react-tag-autocomplete'
-import './Tags.css'
+import './Tags.scss'
 
 // TODO: separate tags when pasted
 // TODO: allow tags to be edited

src/atoms/TextField.js

 import React from 'react'
-import classes from './TextField.local.css'
+import classes from './TextField.local.scss'
 
 const TextField = ({ label, name, placeholder, required, type = 'text', value, onChange }) => (
   <label className={classes.root}>

src/atoms/UploadingFile.js

 import React from 'react'
-import classes from './UploadingFile.local.css'
+import classes from './UploadingFile.local.scss'
 
 // TODO: cancel button
 

src/atoms/ValidatedField.js

 import React from 'react'
 import classnames from 'classnames'
-import classes from './ValidatedField.local.css'
+import classes from './ValidatedField.local.scss'
 
 // TODO: pass ...props.input to children automatically?
 

src/molecules/AppBar.js

 import React from 'react'
 import { Link } from 'react-router'
 import classnames from 'classnames'
-import classes from './AppBar.local.css'
+import classes from './AppBar.local.scss'
 
 const AppBar = ({ brandLink, brandName, loginLink, logoutLink, userName }) => (
   <div className={classes.root}>

src/molecules/Files.js

 import React from 'react'
-import classes from './Files.local.css'
+import classes from './Files.local.scss'
 import Upload from './Upload'
 import File from '../atoms/File'