updated to use mixins

scss/_menu.scss

@@ -10,26 +10,27 @@
   top: 0;
   bottom: 0;
   z-index: 0;
-
   overflow: hidden;
+
   min-height: 100%;
   max-height: 100%;
   width: $menu-width;
 
   background-color: #fff;
-
 }
 
 .menu-content {
   box-shadow: $menu-side-shadow;
 }
 
-.menu-left { left: 0; }
-.menu-right { right: 0; }
-
-.menu-animated {
-  -webkit-transition: -webkit-transform $menu-animation-speed ease;
-  -moz-transition: -moz-transform $menu-animation-speed ease;
-  transition: transform $menu-animation-speed ease;
+.menu-left { 
+  left: 0; 
 }
 
+.menu-right { 
+  right: 0; 
+}
+
+.menu-animated {
+  @include transition(transform $menu-animation-speed ease);
+}

scss/_popup.scss

@@ -8,35 +8,27 @@
   position: fixed;
 }
 
-.popup-title {
-}
-
 .popup-content {
   padding: 10px;
 }
 
-.popup-buttons {
-
-}
-
 .loading-backdrop {
+  @include transition(visibility 0s linear 0.3s);
   position: fixed;
-
   top: 0;
   left: 0;
+
   visibility: hidden;
   width: 100%;
   height: 100%;
 
-  -webkit-transition: visibility 0s linear 0.3s;
-
   &.enabled {
     background-color: rgba(0,0,0,0.7);
   }
 
   &.active {
+    @include transition-delay(0s);
     visibility: visible;
-    -webkit-transition-delay: 0s;
   }
 }
 
@@ -55,7 +47,7 @@
   text-overflow: ellipsis;
   font-size: 15px;
 
-  h1,h2,h3,h4,h5 {
+  h1, h2, h3, h4, h5, h6 {
     color: #fff;
   }
 }

scss/_scaffolding.scss

@@ -19,38 +19,37 @@ img {
 }
 
 body, .ionic-body {
+  @include font-smoothing(antialiased);
+  @incude text-size-adjust(none);
+  @include tap-highlight-transparent();
+  @include user-select(none);
+
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
+
   margin: 0;
   padding: 0;
+  
   color: $base-color;
   word-wrap: break-word;
   font-size: $font-size-base;
   font-family: $font-family-base;
   line-height: $line-height-computed;
   text-rendering: optimizeLegibility;
-
-  -webkit-font-smoothing: antialiased;
-
-  -webkit-text-size-adjust: none;
-          text-size-adjust: none;
-
-  -webkit-tap-highlight-color: transparent;
   -webkit-user-drag: none;
-  -webkit-user-select: none;
 }
 
 .content:before,
 .content:after {
+  // Uncollapse content margin if child elements DO have an margin
   display: block;
   overflow: hidden;
   height: 0;
-  // Uncollapse content margin if child elements DO have an margin
-  content: "\00a0"; /* No-break space character */
+  content: "\00a0"; // No-break space character
 }
 
 .content {
@@ -73,60 +72,54 @@ body, .ionic-body {
  * scroll view functionality.
  */
 .scroll {
+  @include user-select(none);
+  @include touch-callout(none);
+  @include text-size-adjust(none);
   position: absolute;
-	z-index: 1;
-	-webkit-tap-highlight-color: rgba(0,0,0,0);
-	width: 100%;
+  z-index: 1;
+  width: 100%;
   height: 100%;
-	-webkit-touch-callout: none;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-	-webkit-text-size-adjust: none;
-	-moz-text-size-adjust: none;
-	-ms-text-size-adjust: none;
-	-o-text-size-adjust: none;
-	text-size-adjust: none;
 }
 
 // Scroll refresher (for pull to refresh)
 .scroll-refresher {
   display: none;
   overflow: hidden;
-  height: 100px;
   margin-top: -100px;
+  height: 100px;
 }
+
 .scroll-refresher-content {
-  height: 100%;
-  width: 100%;
-  text-align: center;
   position: relative;
-  //@include display-flex();
-  //@include align-items(center);
+  width: 100%;
+  height: 100%;
+  text-align: center;
 }
+
 .ionic-refresher-content {
-  height: 100%;
-  width: 100%;
-  text-align: center;
   position: relative;
+  width: 100%;
+  height: 100%;
+  text-align: center;
 }
+
 .ionic-refresher {
+  position: absolute;
+  bottom: 25px;
+  left: 50%;
+  margin-left: -5px;
   // A custom refresher
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: $positive;
-  position: absolute;
-  left: 50%;
-  margin-left: -5px;
-  bottom: 25px;
 }
+
 .scroll-refreshing {
-  -webkit-transition: height 0.1s ease-in-out;
+  @include transition(height 0.1s ease-in-out);
 
   .ionic-refresher {
-    -webkit-animation: refresher-pulsate 1.5s linear;
+    @include animation(refresher-pulsate 1.5s linear);
     -webkit-animation-iteration-count: infinite; 
   }
 }
@@ -145,7 +138,6 @@ body, .ionic-body {
   .scroll {
     position: static;
     height: 100%;
-
   }
 }
 
@@ -180,4 +172,3 @@ body, .ionic-body {
   height: 100%;
   background-color: #fff;
 }
-

scss/_slide-box.scss

@@ -5,27 +5,27 @@
  */
 
 .slide-box {
-  background-color: #000;
   position: relative;
   // Make sure items don't scroll over ever
   overflow: hidden;
+  background-color: #000;
 }
 .slide-box-slides {
   position: relative;
   white-space: nowrap;
+  font-size: 0; // Remove the gaps between slide content items
   -webkit-transition: -webkit-transform 0 ease-in-out;
+}
 
-  // Remove the gaps between slide content items
-  font-size: 0;
-}
 .slide-box-animating {
-  -webkit-transition-duration: 0.2s;
+  @include transition-duration(0.2s);
 }
+
 .slide-box-slide {
   display: inline-block;
-  vertical-align: top;
   width: 100%;
   height: 100%;
+  vertical-align: top;
 
   img {
     width: 100%;
@@ -40,15 +40,15 @@
 
   > * {
     display: inline-block;
-    text-decoration: none;
     margin: 0px 5px;
     color: #fff;
+    text-decoration: none;
 
     opacity: 0.3;
 
     &.active {
-      -webkit-transition: opacity 0.4s ease-in;
       opacity: 1;
+      @include transition(opacity 0.4s ease-in);
     }
   }
 }

scss/_toggle.scss

@@ -17,6 +17,10 @@
 
 /* the track appearance when the toggle is "off" */
 .toggle .track {
+  @include transition-timing-function(ease-in-out);
+  @include transition-duration($toggle-transition-duration);
+  @include transition-property((background-color, border));
+
   display: inline-block;
   box-sizing: border-box;
   width: $toggle-width;
@@ -26,10 +30,6 @@
   background-color: $toggle-off-bg-color;
   content: ' ';
   cursor: pointer;
-
-  transition-timing-function: ease-in-out;
-  transition-duration: $toggle-transition-duration;
-  transition-property: background-color, border;
 }
 
 /* the handle (circle) thats inside the toggle's track area */