diff --git a/ionic/components/action-sheet/action-sheet.scss b/ionic/components/action-sheet/action-sheet.scss
index ab75760b68..4a293b2c86 100644
--- a/ionic/components/action-sheet/action-sheet.scss
+++ b/ionic/components/action-sheet/action-sheet.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Action Sheet
 // --------------------------------------------------
diff --git a/ionic/components/action-sheet/modes/ios.scss b/ionic/components/action-sheet/modes/ios.scss
index 040ba1c531..bbce0a734e 100644
--- a/ionic/components/action-sheet/modes/ios.scss
+++ b/ionic/components/action-sheet/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Action Sheet
 // --------------------------------------------------
diff --git a/ionic/components/action-sheet/modes/md.scss b/ionic/components/action-sheet/modes/md.scss
index 1fff74f534..1680d4afc9 100644
--- a/ionic/components/action-sheet/modes/md.scss
+++ b/ionic/components/action-sheet/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Action Sheet
 // --------------------------------------------------
@@ -79,4 +80,3 @@ ion-action-sheet button {
   width: auto;
   border: none;
 }
-
diff --git a/ionic/components/app/modes/ios.scss b/ionic/components/app/modes/ios.scss
index 63df0b47e7..1b4d4174f3 100644
--- a/ionic/components/app/modes/ios.scss
+++ b/ionic/components/app/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS App
 // --------------------------------------------------
diff --git a/ionic/components/app/modes/md.scss b/ionic/components/app/modes/md.scss
index b22f07594c..cd561d27e4 100644
--- a/ionic/components/app/modes/md.scss
+++ b/ionic/components/app/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design App
 // --------------------------------------------------
diff --git a/ionic/components/app/structure.scss b/ionic/components/app/structure.scss
index 5443d39c3f..286cc13a77 100644
--- a/ionic/components/app/structure.scss
+++ b/ionic/components/app/structure.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Z-Index
 // --------------------------------------------------
diff --git a/ionic/components/app/typography.scss b/ionic/components/app/typography.scss
index 7d42f71bf7..c314a8dfda 100644
--- a/ionic/components/app/typography.scss
+++ b/ionic/components/app/typography.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Typography
 // -------------------------
diff --git a/ionic/components/badge/badge.scss b/ionic/components/badge/badge.scss
index af56ee6889..b793f186d7 100644
--- a/ionic/components/badge/badge.scss
+++ b/ionic/components/badge/badge.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Badge
 // --------------------------------------------------
diff --git a/ionic/components/button/button-clear.scss b/ionic/components/button/button-clear.scss
index 6f87699da6..84b813101d 100644
--- a/ionic/components/button/button-clear.scss
+++ b/ionic/components/button/button-clear.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Clear Button
 // --------------------------------------------------
diff --git a/ionic/components/button/button-fab.scss b/ionic/components/button/button-fab.scss
index 9e27e4c5bd..25859d08e7 100644
--- a/ionic/components/button/button-fab.scss
+++ b/ionic/components/button/button-fab.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // FABulous Buttons (Floating Action Button from material)
 // --------------------------------------------------
diff --git a/ionic/components/button/button-icon.scss b/ionic/components/button/button-icon.scss
index 821ecf6077..a29bd14fd3 100644
--- a/ionic/components/button/button-icon.scss
+++ b/ionic/components/button/button-icon.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Button Icons
 // --------------------------------------------------
diff --git a/ionic/components/button/button-outline.scss b/ionic/components/button/button-outline.scss
index 128b05cff9..6dff2c2bae 100644
--- a/ionic/components/button/button-outline.scss
+++ b/ionic/components/button/button-outline.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Outline Button
 // --------------------------------------------------
diff --git a/ionic/components/button/button-size.scss b/ionic/components/button/button-size.scss
index a414cb6eab..3f68bd9844 100644
--- a/ionic/components/button/button-size.scss
+++ b/ionic/components/button/button-size.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Button Sizes
 // --------------------------------------------------
diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index 3d37473677..f37a935ee3 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Button Variables
 // --------------------------------------------------
diff --git a/ionic/components/button/modes/ios.scss b/ionic/components/button/modes/ios.scss
index c44e8cb847..b8a5f1c3d4 100644
--- a/ionic/components/button/modes/ios.scss
+++ b/ionic/components/button/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 button {
   &[block] {
diff --git a/ionic/components/button/modes/md.scss b/ionic/components/button/modes/md.scss
index 7d26449897..a519d05bc5 100644
--- a/ionic/components/button/modes/md.scss
+++ b/ionic/components/button/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Button
 // --------------------------------------------------
diff --git a/ionic/components/card/card.scss b/ionic/components/card/card.scss
index b09897aaf7..9b7e726cfb 100644
--- a/ionic/components/card/card.scss
+++ b/ionic/components/card/card.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Card
 // --------------------------------------------------
diff --git a/ionic/components/card/modes/ios.scss b/ionic/components/card/modes/ios.scss
index f2aecfb09e..76fa080f7c 100644
--- a/ionic/components/card/modes/ios.scss
+++ b/ionic/components/card/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Card
 // --------------------------------------------------
diff --git a/ionic/components/card/modes/md.scss b/ionic/components/card/modes/md.scss
index b6254bd8d8..788610ce17 100644
--- a/ionic/components/card/modes/md.scss
+++ b/ionic/components/card/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Card
 // --------------------------------------------------
diff --git a/ionic/components/checkbox/checkbox.scss b/ionic/components/checkbox/checkbox.scss
index 7befa88bd0..019ebc82b7 100644
--- a/ionic/components/checkbox/checkbox.scss
+++ b/ionic/components/checkbox/checkbox.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Checkbox
 // --------------------------------------------------
diff --git a/ionic/components/checkbox/modes/ios.scss b/ionic/components/checkbox/modes/ios.scss
index a908839c66..a0d45a1a9f 100644
--- a/ionic/components/checkbox/modes/ios.scss
+++ b/ionic/components/checkbox/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Checkbox Structure
 // --------------------------------------------------
diff --git a/ionic/components/checkbox/modes/md.scss b/ionic/components/checkbox/modes/md.scss
index d1075baadd..41ea66feb3 100644
--- a/ionic/components/checkbox/modes/md.scss
+++ b/ionic/components/checkbox/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Checkbox
 // --------------------------------------------------
diff --git a/ionic/components/content/modes/ios.scss b/ionic/components/content/modes/ios.scss
index f42e106dbc..1c4f165ff4 100644
--- a/ionic/components/content/modes/ios.scss
+++ b/ionic/components/content/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Content
 // --------------------------------------------------
diff --git a/ionic/components/content/modes/md.scss b/ionic/components/content/modes/md.scss
index e45f52027c..35f80f395f 100644
--- a/ionic/components/content/modes/md.scss
+++ b/ionic/components/content/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Content Padding
 // --------------------------------------------------
diff --git a/ionic/components/grid/grid.scss b/ionic/components/grid/grid.scss
index 474e27b09f..d8e848beeb 100644
--- a/ionic/components/grid/grid.scss
+++ b/ionic/components/grid/grid.scss
@@ -1,12 +1,13 @@
-/**
- * Grid
- * --------------------------------------------------
- * Using flexbox for the grid, inspired by Philip Walton:
- * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
- * By default each .col within a .row will evenly take up
- * available width, and the height of each .col with take
- * up the height of the tallest .col in the same .row.
- */
+@import "../../ionic.globals";
+
+// Grid
+// --------------------------------------------------
+// Using flexbox for the grid, inspired by Philip Walton:
+// http://philipwalton.github.io/solved-by-flexbox/demos/grids/
+// By default each .col within a .row will evenly take up
+// available width, and the height of each .col with take
+// up the height of the tallest .col in the same .row.
+
 
 $grid-padding-width:              10px !default;
 $grid-responsive-sm-break:        567px !default;  // smaller than landscape phone
diff --git a/ionic/components/icon/icon.scss b/ionic/components/icon/icon.scss
index f0823cb9a7..2532821cf6 100644
--- a/ionic/components/icon/icon.scss
+++ b/ionic/components/icon/icon.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Icon
 // --------------------------------------------------
diff --git a/ionic/components/icon/modes/ios.scss b/ionic/components/icon/modes/ios.scss
index e4cec48e57..32447b95a8 100644
--- a/ionic/components/icon/modes/ios.scss
+++ b/ionic/components/icon/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Icon
 // --------------------------------------------------
diff --git a/ionic/components/item/item-media.scss b/ionic/components/item/item-media.scss
index 50eb573211..70976886f0 100644
--- a/ionic/components/item/item-media.scss
+++ b/ionic/components/item/item-media.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Item Media
 // --------------------------------------------------
diff --git a/ionic/components/item/item-sliding.scss b/ionic/components/item/item-sliding.scss
index 299b14fdd3..61a6c6d3fa 100644
--- a/ionic/components/item/item-sliding.scss
+++ b/ionic/components/item/item-sliding.scss
@@ -1,9 +1,7 @@
+@import "../../ionic.globals";
 
-/**
- * The hidden right-side buttons that can be exposed under a list item
- * with dragging.
- */
 
+// The hidden right-side buttons that can be exposed under a list item with dragging.
 ion-item-sliding {
   display: block;
   position: relative;
diff --git a/ionic/components/item/item.scss b/ionic/components/item/item.scss
index 14511658e5..9b336f5fa8 100644
--- a/ionic/components/item/item.scss
+++ b/ionic/components/item/item.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Item
 // --------------------------------------------------
diff --git a/ionic/components/item/modes/ios.scss b/ionic/components/item/modes/ios.scss
index 5490c86168..990e28dbbf 100644
--- a/ionic/components/item/modes/ios.scss
+++ b/ionic/components/item/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Item
 // --------------------------------------------------
diff --git a/ionic/components/item/modes/md.scss b/ionic/components/item/modes/md.scss
index 911af00569..30bff925ec 100644
--- a/ionic/components/item/modes/md.scss
+++ b/ionic/components/item/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Item
 // --------------------------------------------------
diff --git a/ionic/components/list/list.scss b/ionic/components/list/list.scss
index 1074ca8e5e..5bf30e4693 100644
--- a/ionic/components/list/list.scss
+++ b/ionic/components/list/list.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // List
 // --------------------------------------------------
@@ -20,7 +21,7 @@
 .list[inset] {
   overflow: hidden;
   transform: translateZ(0);
-  
+
   ion-header {
     background-color: $list-background-color;
   }
diff --git a/ionic/components/list/modes/ios.scss b/ionic/components/list/modes/ios.scss
index 4c94909aae..e8dd69c8c2 100644
--- a/ionic/components/list/modes/ios.scss
+++ b/ionic/components/list/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS List
 // --------------------------------------------------
diff --git a/ionic/components/list/modes/md.scss b/ionic/components/list/modes/md.scss
index 38ba8123b5..0c4969c633 100644
--- a/ionic/components/list/modes/md.scss
+++ b/ionic/components/list/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design List
 // --------------------------------------------------
diff --git a/ionic/components/menu/menu-types.scss b/ionic/components/menu/menu-types.scss
index 22057d2112..ca9dab6504 100644
--- a/ionic/components/menu/menu-types.scss
+++ b/ionic/components/menu/menu-types.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Menu Reveal
 // --------------------------------------------------
diff --git a/ionic/components/menu/menu.scss b/ionic/components/menu/menu.scss
index 6f602e6b9e..acf4948532 100644
--- a/ionic/components/menu/menu.scss
+++ b/ionic/components/menu/menu.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Menu
 // --------------------------------------------------
diff --git a/ionic/components/modal/modal.scss b/ionic/components/modal/modal.scss
index ea0a115678..5d4f61c0da 100644
--- a/ionic/components/modal/modal.scss
+++ b/ionic/components/modal/modal.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Modals
 // --------------------------------------------------
diff --git a/ionic/components/navbar/modes/ios.scss b/ionic/components/navbar/modes/ios.scss
index 1ccea60915..4a7fe89e62 100644
--- a/ionic/components/navbar/modes/ios.scss
+++ b/ionic/components/navbar/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Navbar
 // --------------------------------------------------
diff --git a/ionic/components/navbar/modes/md.scss b/ionic/components/navbar/modes/md.scss
index 7d0b997ba5..a89b786858 100644
--- a/ionic/components/navbar/modes/md.scss
+++ b/ionic/components/navbar/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Navbar
 // --------------------------------------------------
diff --git a/ionic/components/navbar/navbar.scss b/ionic/components/navbar/navbar.scss
index e7b31f10f5..07bd13bc53 100644
--- a/ionic/components/navbar/navbar.scss
+++ b/ionic/components/navbar/navbar.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Navbar
 // --------------------------------------------------
@@ -8,7 +9,7 @@ ion-navbar.toolbar {
 }
 
 .back-button {
-  order: map-get($toolbar-order, backButton);  
+  order: map-get($toolbar-order, backButton);
 
   display: none;
   &.show-back-button {
diff --git a/ionic/components/popup/modes/ios.scss b/ionic/components/popup/modes/ios.scss
index 13267449c5..1d5dc5a112 100644
--- a/ionic/components/popup/modes/ios.scss
+++ b/ionic/components/popup/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Popups
 // --------------------------------------------------
diff --git a/ionic/components/popup/modes/md.scss b/ionic/components/popup/modes/md.scss
index fe2d77639e..3fe71e26fc 100644
--- a/ionic/components/popup/modes/md.scss
+++ b/ionic/components/popup/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Popups
 // --------------------------------------------------
diff --git a/ionic/components/popup/popup.scss b/ionic/components/popup/popup.scss
index 0c238e091c..b9c0d16073 100644
--- a/ionic/components/popup/popup.scss
+++ b/ionic/components/popup/popup.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Popups
 // --------------------------------------------------
diff --git a/ionic/components/radio/modes/ios.scss b/ionic/components/radio/modes/ios.scss
index 101fbfe78b..8ac6c73e1a 100644
--- a/ionic/components/radio/modes/ios.scss
+++ b/ionic/components/radio/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Radio
 // --------------------------------------------------
diff --git a/ionic/components/radio/modes/md.scss b/ionic/components/radio/modes/md.scss
index 6ef1670e92..6da6f46c97 100644
--- a/ionic/components/radio/modes/md.scss
+++ b/ionic/components/radio/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Radio
 // --------------------------------------------------
diff --git a/ionic/components/radio/radio.scss b/ionic/components/radio/radio.scss
index 40b29361f8..aa8578c546 100644
--- a/ionic/components/radio/radio.scss
+++ b/ionic/components/radio/radio.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Radio
 // --------------------------------------------------
diff --git a/ionic/components/scroll/scroll.scss b/ionic/components/scroll/scroll.scss
index 99714fa03e..fcfdc391b6 100644
--- a/ionic/components/scroll/scroll.scss
+++ b/ionic/components/scroll/scroll.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 ion-scroll {
   position: relative;
diff --git a/ionic/components/searchbar/modes/ios.scss b/ionic/components/searchbar/modes/ios.scss
index 7493c4703f..7733849161 100644
--- a/ionic/components/searchbar/modes/ios.scss
+++ b/ionic/components/searchbar/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Search Bar
 // --------------------------------------------------
@@ -137,5 +138,5 @@ ion-searchbar.left-align {
       color: $color-value;
     }
   }
-  
+
 }
diff --git a/ionic/components/searchbar/modes/md.scss b/ionic/components/searchbar/modes/md.scss
index 2ec635638c..c897b70091 100644
--- a/ionic/components/searchbar/modes/md.scss
+++ b/ionic/components/searchbar/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Search Bar
 // --------------------------------------------------
diff --git a/ionic/components/searchbar/searchbar.scss b/ionic/components/searchbar/searchbar.scss
index 69f572eeed..9b70f89662 100644
--- a/ionic/components/searchbar/searchbar.scss
+++ b/ionic/components/searchbar/searchbar.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Search Bar
 // --------------------------------------------------
diff --git a/ionic/components/segment/modes/ios.scss b/ionic/components/segment/modes/ios.scss
index f379c1541d..7070356231 100644
--- a/ionic/components/segment/modes/ios.scss
+++ b/ionic/components/segment/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Segment
 // --------------------------------------------------
diff --git a/ionic/components/segment/modes/md.scss b/ionic/components/segment/modes/md.scss
index 33f2c10897..1472b99bcb 100644
--- a/ionic/components/segment/modes/md.scss
+++ b/ionic/components/segment/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Segment
 // --------------------------------------------------
diff --git a/ionic/components/segment/segment.scss b/ionic/components/segment/segment.scss
index 13db369ed7..54bec89cef 100644
--- a/ionic/components/segment/segment.scss
+++ b/ionic/components/segment/segment.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Segment
 // --------------------------------------------------
diff --git a/ionic/components/slides/slides.scss b/ionic/components/slides/slides.scss
index 913cb64712..819c69f2cd 100644
--- a/ionic/components/slides/slides.scss
+++ b/ionic/components/slides/slides.scss
@@ -1,3 +1,5 @@
+@import "../../ionic.globals";
+
 ion-swipe-slides {
   display: block;
   width: 100%;
diff --git a/ionic/components/switch/modes/ios.scss b/ionic/components/switch/modes/ios.scss
index dc087c4cba..2a504d56f1 100644
--- a/ionic/components/switch/modes/ios.scss
+++ b/ionic/components/switch/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Switch
 // --------------------------------------------------
diff --git a/ionic/components/switch/modes/md.scss b/ionic/components/switch/modes/md.scss
index b5bcdb8460..0d500ae0aa 100644
--- a/ionic/components/switch/modes/md.scss
+++ b/ionic/components/switch/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Switch
 // --------------------------------------------------
diff --git a/ionic/components/switch/switch.scss b/ionic/components/switch/switch.scss
index 3b6a601df2..ddb264eba6 100644
--- a/ionic/components/switch/switch.scss
+++ b/ionic/components/switch/switch.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Switch
 // --------------------------------------------------
diff --git a/ionic/components/tabs/modes/ios.scss b/ionic/components/tabs/modes/ios.scss
index 17ddc46818..b4613ec8d0 100644
--- a/ionic/components/tabs/modes/ios.scss
+++ b/ionic/components/tabs/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Tabs
 // --------------------------------------------------
diff --git a/ionic/components/tabs/modes/md.scss b/ionic/components/tabs/modes/md.scss
index a2d221b038..2c020760fa 100644
--- a/ionic/components/tabs/modes/md.scss
+++ b/ionic/components/tabs/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Tabs
 // --------------------------------------------------
diff --git a/ionic/components/tabs/tabs.scss b/ionic/components/tabs/tabs.scss
index 3a39f1e580..978263b012 100644
--- a/ionic/components/tabs/tabs.scss
+++ b/ionic/components/tabs/tabs.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Tabs
 // --------------------------------------------------
diff --git a/ionic/components/tap-click/ripple.scss b/ionic/components/tap-click/ripple.scss
index 2b6f7f33a4..4dd25c5c52 100644
--- a/ionic/components/tap-click/ripple.scss
+++ b/ionic/components/tap-click/ripple.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Material Design Ripple Effect
 // --------------------------------------------------
diff --git a/ionic/components/text-input/label.scss b/ionic/components/text-input/label.scss
index 16ee28db71..5dfd1df34d 100644
--- a/ionic/components/text-input/label.scss
+++ b/ionic/components/text-input/label.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Label
 // --------------------------------------------------
diff --git a/ionic/components/text-input/modes/ios.scss b/ionic/components/text-input/modes/ios.scss
index 38868874cd..1e155533db 100644
--- a/ionic/components/text-input/modes/ios.scss
+++ b/ionic/components/text-input/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Text Input
 // --------------------------------------------------
diff --git a/ionic/components/text-input/modes/md.scss b/ionic/components/text-input/modes/md.scss
index 3d01e220a4..041fecd4c9 100644
--- a/ionic/components/text-input/modes/md.scss
+++ b/ionic/components/text-input/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Text Input
 // --------------------------------------------------
diff --git a/ionic/components/text-input/text-input.scss b/ionic/components/text-input/text-input.scss
index a2f2bea849..d1bc7879b3 100644
--- a/ionic/components/text-input/text-input.scss
+++ b/ionic/components/text-input/text-input.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Text Input
 // --------------------------------------------------
diff --git a/ionic/components/toolbar/modes/ios.scss b/ionic/components/toolbar/modes/ios.scss
index 52f87ac4bf..e0ba73dfac 100644
--- a/ionic/components/toolbar/modes/ios.scss
+++ b/ionic/components/toolbar/modes/ios.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // iOS Toolbar
 // --------------------------------------------------
diff --git a/ionic/components/toolbar/modes/md.scss b/ionic/components/toolbar/modes/md.scss
index a265213b06..7568c17a5f 100644
--- a/ionic/components/toolbar/modes/md.scss
+++ b/ionic/components/toolbar/modes/md.scss
@@ -1,3 +1,4 @@
+@import "../../../ionic.globals";
 
 // Material Design Toolbar
 // --------------------------------------------------
diff --git a/ionic/components/toolbar/toolbar.scss b/ionic/components/toolbar/toolbar.scss
index f7ba3efcda..82e0a52add 100644
--- a/ionic/components/toolbar/toolbar.scss
+++ b/ionic/components/toolbar/toolbar.scss
@@ -1,3 +1,4 @@
+@import "../../ionic.globals";
 
 // Toolbar
 // --------------------------------------------------
diff --git a/ionic/ionic.core.scss b/ionic/ionic.core.scss
index 405ef6a95b..7907347d6a 100644
--- a/ionic/ionic.core.scss
+++ b/ionic/ionic.core.scss
@@ -1,11 +1,6 @@
 
-// Theme
-@import "themes/default";
-
-
-// Globals
+// Core App
 @import
-  "util/mixins",
   "components/app/normalize",
   "components/app/structure",
   "components/app/typography",
@@ -50,6 +45,7 @@
 
 
 // Ionicons
+// soon to be replaced with SVGs
 $font-path: "../fonts" !default;
 $ionicons: true !default;
 @if ($ionicons) {
diff --git a/ionic/ionic.globals.scss b/ionic/ionic.globals.scss
new file mode 100644
index 0000000000..1e6814bcc0
--- /dev/null
+++ b/ionic/ionic.globals.scss
@@ -0,0 +1,11 @@
+
+// Global Theme
+@import "themes/default";
+
+
+// Global Functions
+@import "util/functions";
+
+
+// Global Mixins
+@import "util/mixins";
diff --git a/ionic/platform/.eslintrc b/ionic/platform/.eslintrc
deleted file mode 100644
index 8c859ad56d..0000000000
--- a/ionic/platform/.eslintrc
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-    "ecmaFeatures": {
-        "blockBindings": true,
-        "arrowFunctions": true,
-        "classes": true,
-        "forOf": true,
-        "modules": true,
-    },
-    "rules": {
-        "semi": 2
-    }
-}
diff --git a/ionic/platform/cordova-ios.scss b/ionic/platform/cordova-ios.scss
index 4052b1c444..c7715e991a 100644
--- a/ionic/platform/cordova-ios.scss
+++ b/ionic/platform/cordova-ios.scss
@@ -1,3 +1,4 @@
+@import "../ionic.globals";
 
 // iOS Cordova
 // --------------------------------------------------
diff --git a/ionic/themes/dark.scss b/ionic/themes/dark.scss
index 734e934503..38608c8cf7 100644
--- a/ionic/themes/dark.scss
+++ b/ionic/themes/dark.scss
@@ -18,7 +18,7 @@ $background-color:           #222 !default;
 
 $list-text-color:            $text-color !default;
 $list-background-color:      $background-color !default;
-$list-border-color:               #666 !default;
+$list-border-color:          #666 !default;
 
 $link-color:                 map-get($colors, primary) !default;
 
diff --git a/ionic/util/functions.scss b/ionic/util/functions.scss
new file mode 100644
index 0000000000..700465cdbd
--- /dev/null
+++ b/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');
+}
diff --git a/ionic/util/mixins.scss b/ionic/util/mixins.scss
index d68f842f0c..cdd61104ac 100644
--- a/ionic/util/mixins.scss
+++ b/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;
 }
diff --git a/ionic/util/util.scss b/ionic/util/util.scss
index 6f94eb447d..c6f222d712 100755
--- a/ionic/util/util.scss
+++ b/ionic/util/util.scss
@@ -1,3 +1,4 @@
+@import "../ionic.globals";
 
 .align-left {
   text-align: left;