refactor(sass): individual sass files import globals

ionic/util/functions.scss

@@ -0,0 +1,62 @@
+
+// Color Functions
+// --------------------------------------------------
+
+@function inverse($color-value) {
+  @if (lightness($color-value) > 70) {
+    @return #000;
+  }
+  @else {
+    @return #fff;
+  }
+}
+
+@function darken-or-lighten($color-value, $amount:8%) {
+  // lightness is a percent value, 0% darkest, 100% lightest
+  $lightness-percent: lightness($color-value);
+
+
+  @if ($lightness-percent > 80) {
+    // really light foreground color, so really darken it up
+    @return darken($color-value, ($amount * 2));
+  }
+
+  @if ($lightness-percent < 35) {
+    // dark foreground color, so light it up
+    @return lighten($color-value, $amount * 2);
+  }
+
+  // default to darken
+  @return darken($color-value, $amount);
+}
+
+@function color($color-name) {
+  @return map-get($colors, $color-name);
+}
+
+@function auxiliary-colors() {
+  // get a map of all the colors, except "primary"
+  @return map-remove($colors, primary);
+}
+
+
+// String Replace Function
+// --------------------------------------------------
+
+@function str-replace($string, $search, $replace: '') {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+
+// URL Encode Function
+// --------------------------------------------------
+
+@function url-encode($val) {
+  @return str-replace($val, ' ', '%20');
+}

ionic/util/mixins.scss

@@ -1,46 +1,4 @@
 
-// Color Functions
-// --------------------------------------------------
-
-@function inverse($color-value) {
-  @if (lightness($color-value) > 70) {
-    @return #000;
-  }
-  @else {
-    @return #fff;
-  }
-}
-
-@function darken-or-lighten($color-value, $amount:8%) {
-  // lightness is a percent value, 0% darkest, 100% lightest
-  $lightness-percent: lightness($color-value);
-
-
-  @if ($lightness-percent > 80) {
-    // really light foreground color, so really darken it up
-    @return darken($color-value, ($amount * 2));
-  }
-
-  @if ($lightness-percent < 35) {
-    // dark foreground color, so light it up
-    @return lighten($color-value, $amount * 2);
-  }
-
-  // default to darken
-  @return darken($color-value, $amount);
-}
-
-@function color($color-name) {
-  @return map-get($colors, $color-name);
-}
-
-@function auxiliary-colors() {
-  // get a map of all the colors, except "primary"
-  @return map-remove($colors, primary);
-}
-
-
-
 // Appearance
 // --------------------------------------------------
 
@@ -50,19 +8,15 @@
 }
 
 
-
-// User Select None
+// Calc
 // --------------------------------------------------
 
-@mixin user-select-none() {
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+@mixin calc($property, $expression) {
+  #{$property}: -webkit-calc(#{$expression});
+  #{$property}: calc(#{$expression});
 }
 
 
-
 // Input Placeholder
 // --------------------------------------------------
 
@@ -81,31 +35,6 @@
 }
 
 
-
-// String Replace Function
-// --------------------------------------------------
-
-@function str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
-
-  @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
-  }
-
-  @return $string;
-}
-
-
-
-// URL Encode Function
-// --------------------------------------------------
-
-@function url-encode($val) {
-  @return str-replace($val, ' ', '%20');
-}
-
-
-
 // SVG Background Image Mixin
 // --------------------------------------------------
 
@@ -115,11 +44,12 @@
 }
 
 
-
-// calc()
+// User Select None
 // --------------------------------------------------
 
-@mixin calc($property, $expression) {
-  #{$property}: -webkit-calc(#{$expression});
-  #{$property}: calc(#{$expression});
+@mixin user-select-none() {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }

ionic/util/util.scss

@@ -1,3 +1,4 @@
+@import "../ionic.globals";
 
 .align-left {
   text-align: left;