Refactor CSS pt. 2 (Properly structure stylesheets folder)

app/javascript/stylesheets/general/_index.scss

@@ -1,7 +1,7 @@
-@import './bootstrap_custom.scss';
-@import './navbar.scss';
-@import './forms.scss';
-@import './icons.scss';
+/*
+  This stylesheet contains styles that are general and
+  could not be grouped in a file of their own
+*/
 
 .container {
   max-width: 920px;

app/javascript/stylesheets/main.scss

@@ -0,0 +1,12 @@
+@import 'vendors/bootstrap_custom';
+
+@import 'general/index';
+@import 'general/navbar';
+@import 'general/form';
+@import 'general/icons';
+
+/*
+  Components stylesheets are not imported here. Instead,
+  they are imported in the specific React components
+  that use them
+*/