style(sass): fix lint errors and update slides file to ignore

packages/core/.scss-lint.yml

@@ -13,7 +13,7 @@ exclude:
   - 'src/themes/util.scss'
   - 'src/themes/version.scss'
   - 'src/platform/cordova.*.scss'
-  - 'src/components/slides/slides-import.scss'
+  - 'src/components/slides/slides-vendor.scss'
 
 
 linters:

packages/core/src/components/alert/alert.scss

@@ -54,24 +54,24 @@ ion-alert.alert-top {
 }
 
 .alert-message {
-  overflow-y: scroll;
+  box-sizing: border-box;
 
   -webkit-overflow-scrolling: touch;
 
-  box-sizing: border-box;
+  overflow-y: scroll;
 }
 
 .alert-input {
   @include padding(10px, 0);
 
+  box-sizing: border-box;
+
   width: 100%;
 
   border: 0;
-  background: inherit;
-
   font: inherit;
 
-  box-sizing: border-box;
+  background: inherit;
 }
 
 .alert-button-group {
@@ -117,16 +117,15 @@ ion-alert.alert-top {
   @include margin(0);
   @include padding(0);
 
-  border: 0;
-
   width: 100%;
 
+  border: 0;
+
   font-size: inherit;
   line-height: initial;
   background: transparent;
 }
 
-
 .alert-button,
 .alert-checkbox,
 .alert-input,

packages/core/src/components/back-button/back-button.ios.scss

@@ -3,4 +3,3 @@
 
 // iOS Back Button
 // --------------------------------------------------
-body {color:red;}

packages/core/src/components/back-button/back-button.scss

@@ -2,9 +2,9 @@
 // Back Button
 // --------------------------------------------------
 
-.back-button {
-  display: none;
-}
+// .back-button {
+//   display: none;
+// }
 
 // .back-button.show-back-button {
 .back-button {

packages/core/src/components/chip-button/chip-button.scss

@@ -9,11 +9,11 @@
 
   position: relative;
 
-  border: 0;
-
   width: $chip-button-size;
   height: $chip-button-size;
 
+  border: 0;
+
   &:active,
   &:focus {
     outline: none;

packages/core/src/components/fab-button/fab-button.scss

@@ -53,6 +53,9 @@
 
   width: 100%;
   height: 100%;
+
+  transition: all ease-in-out 300ms;
+  transition-property: transform, opacity;
 }
 
 
@@ -93,11 +96,6 @@ ion-fab-button[mini] .fab-button {
 // FAB Animation
 // --------------------------------------------------
 
-.fab-button-inner {
-  transition: all ease-in-out 300ms;
-  transition-property: transform, opacity;
-}
-
 .fab-button-close-active .fab-button-close-icon {
   opacity: 1;
   transform: scale(1) rotateZ(0deg);

packages/core/src/components/searchbar/searchbar.ios.scss

@@ -85,12 +85,12 @@
 .searchbar-cancel-button-ios {
   @include padding(0, 0, 0, 8px);
 
-  font-size: $searchbar-ios-cancel-button-font-size;
-
   display: none;
 
   flex-shrink: 0;
 
+  font-size: $searchbar-ios-cancel-button-font-size;
+
   color: $searchbar-ios-cancel-button-color;
   background-color: $searchbar-ios-cancel-button-background-color;
 

packages/core/src/components/searchbar/searchbar.md.scss

@@ -34,12 +34,12 @@
 
   display: none;
 
-  background-color: $searchbar-md-cancel-button-background-color;
-  color: $searchbar-md-cancel-button-color;
+  height: 100%;
 
   font-size: $searchbar-md-cancel-button-font-size;
 
-  height: 100%;
+  color: $searchbar-md-cancel-button-color;
+  background-color: $searchbar-md-cancel-button-background-color;
 }
 
 // Searchbar Search & Cancel Icon

packages/core/src/components/searchbar/searchbar.scss

@@ -30,6 +30,9 @@ ion-searchbar {
 
 .searchbar-input {
   @include appearance(none);
+
+  box-sizing: border-box;
+
   display: block;
 
   width: 100%;
@@ -37,8 +40,6 @@ ion-searchbar {
   border: 0;
   font-family: inherit;
 
-  box-sizing: border-box;
-
   &:active,
   &:focus {
     outline: none;

packages/core/src/components/text/text.ios.scss

@@ -11,6 +11,7 @@
   .text-ios-#{$color-name},
   .text-ios-#{$color-name} a,
   .text-ios-#{$color-name} p {
+    // scss-lint:disable ImportantRule
     color: $color-base !important;
   }
 

packages/core/src/components/text/text.md.scss

@@ -11,6 +11,7 @@
   .text-md-#{$color-name},
   .text-md-#{$color-name} a,
   .text-md-#{$color-name} p {
+    // scss-lint:disable ImportantRule
     color: $color-base !important;
   }