chore: organize css files

build/gulpfile.js

@@ -6,7 +6,7 @@ const autoprefixer = require('gulp-autoprefixer')
 const cssmin = require('gulp-cssmin')
 
 function compile () {
-  return src('../styles/*.scss')
+  return src('../styles/**/*.scss')
     .pipe(sass.sync())
     .pipe(autoprefixer({
       browsers: ['ie > 9', 'last 2 versions'],

styles/index.scss

@@ -1,21 +1,22 @@
 @import './base.scss';
 
-@import './Card.scss';
-@import './Icon.scss';
-@import './GradientText.scss';
-@import './ColumnGroup.scss';
-@import './WithPadding.scss';
-@import './ServiceCard.scss';
-@import './Table.scss';
-@import './WithMargin.scss';
-@import './Checkbox.scss';
-@import './Button.scss';
-@import './Switch.scss';
-@import './Input.scss';
-@import './Select.scss';
-@import './Message.scss';
-@import './Tooltip.scss';
-@import './Notification.scss';
-@import './Pagination.scss';
+@import './common/Card.scss';
+@import './common/Icon.scss';
+@import './common/GradientText.scss';
+@import './common/ColumnGroup.scss';
+@import './common/WithPadding.scss';
 
-@import './NimbusServiceLayout.scss';
+@import './common/Table.scss';
+@import './common/WithMargin.scss';
+@import './common/Checkbox.scss';
+@import './common/Button.scss';
+@import './common/Switch.scss';
+@import './common/Input.scss';
+@import './common/Select.scss';
+@import './common/Message.scss';
+@import './common/Tooltip.scss';
+@import './common/Notification.scss';
+@import './common/Pagination.scss';
+
+@import './NimbusServiceLayout.scss';
+@import './ServiceCard.scss';