- fixed indentation (2 spaces)

- added missing new lines at the end of files
- removed 'ps-theme-big-and-ugly' theme
- improved readme.md. Added an example on how to create custom themes with scss.

src/css/main.scss

@@ -1,3 +1,3 @@
 @import 'variables';
 @import 'mixins';
-@import 'themes';
+@import 'themes';

src/css/mixins.scss

@@ -1,4 +1,4 @@
-// Helper mixins TODO: get rid of these mixins: https://github.com/noraesae/perfect-scrollbar/issues/431
+// Helper mixins
 @mixin border-radius($r) {
   -webkit-border-radius: $r;
   -moz-border-radius: $r;
@@ -117,4 +117,4 @@
       }
     }
   }
-}
+}

src/css/themes.scss

@@ -1,34 +1,23 @@
 $ps-theme-default: (
-        border-radius: $ps-border-radius,
-        rail-default-opacity: $ps-rail-default-opacity,
-        rail-container-hover-opacity: $ps-rail-container-hover-opacity,
-        rail-hover-opacity: $ps-rail-hover-opacity,
-        bar-bg: $ps-bar-bg,
-        bar-container-hover-bg: $ps-bar-container-hover-bg,
-        bar-hover-bg: $ps-bar-hover-bg,
-        rail-hover-bg: $ps-rail-hover-bg,
-        scrollbar-x-rail-bottom: $ps-scrollbar-x-rail-bottom,
-        scrollbar-x-rail-height: $ps-scrollbar-x-rail-height,
-        scrollbar-x-bottom: $ps-scrollbar-x-bottom,
-        scrollbar-x-height: $ps-scrollbar-x-height,
-        scrollbar-y-rail-right: $ps-scrollbar-y-rail-right,
-        scrollbar-y-rail-width: $ps-scrollbar-y-rail-width,
-        scrollbar-y-right: $ps-scrollbar-y-right,
-        scrollbar-y-width: $ps-scrollbar-y-width,
+  border-radius: $ps-border-radius,
+  rail-default-opacity: $ps-rail-default-opacity,
+  rail-container-hover-opacity: $ps-rail-container-hover-opacity,
+  rail-hover-opacity: $ps-rail-hover-opacity,
+  bar-bg: $ps-bar-bg,
+  bar-container-hover-bg: $ps-bar-container-hover-bg,
+  bar-hover-bg: $ps-bar-hover-bg,
+  rail-hover-bg: $ps-rail-hover-bg,
+  scrollbar-x-rail-bottom: $ps-scrollbar-x-rail-bottom,
+  scrollbar-x-rail-height: $ps-scrollbar-x-rail-height,
+  scrollbar-x-bottom: $ps-scrollbar-x-bottom,
+  scrollbar-x-height: $ps-scrollbar-x-height,
+  scrollbar-y-rail-right: $ps-scrollbar-y-rail-right,
+  scrollbar-y-rail-width: $ps-scrollbar-y-rail-width,
+  scrollbar-y-right: $ps-scrollbar-y-right,
+  scrollbar-y-width: $ps-scrollbar-y-width,
 );
 
 // Default theme
 .ps-container {
   @include ps-container($ps-theme-default);
 }
-
-// Example theme
-.ps-theme-big-and-ugly {
-  @include ps-container(map-merge($ps-theme-default, (
-          border-radius: 0,
-          scrollbar-x-rail-height: 20px,
-          scrollbar-x-height: 20px,
-          scrollbar-y-rail-width: 20px,
-          scrollbar-y-width: 20px,)
-  ));
-}

src/css/variables.scss

@@ -19,4 +19,4 @@ $ps-scrollbar-x-height: 8px !default;
 $ps-scrollbar-y-rail-right: 3px !default;
 $ps-scrollbar-y-rail-width: 8px !default;
 $ps-scrollbar-y-right: 0 !default;
-$ps-scrollbar-y-width: 8px !default;
+$ps-scrollbar-y-width: 8px !default;