fix(hydrated): add .hydrated to app scss

src/components/app/app.scss

@@ -433,6 +433,18 @@ ion-footer {
 // Core Components
 // --------------------------------------------------
 
-ion-badge {
+ion-badge,
+ion-card,
+ion-card-content,
+ion-card-header,
+ion-card-title,
+ion-gesture,
+ion-toggle,
+ion-slides,
+ion-slide {
   visibility: hidden;
 }
+
+.hydrated {
+  visibility:inherit
+}

src/components/badge/badge.scss

@@ -29,10 +29,6 @@ ion-badge {
   contain: content;
 }
 
-ion-badge.hydrated {
-  visibility: inherit;
-}
-
 ion-badge:empty {
   display: none;
 }

src/components/card-content/card-content.scss

@@ -7,7 +7,3 @@
 ion-card-content {
   display: block;
 }
-
-ion-card-content.hydrated {
-  visibility: inherit;
-}

src/components/card-header/card-header.scss

@@ -12,7 +12,3 @@ ion-card-header {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
-ion-card-header.hydrated {
-  visibility: inherit;
-}

src/components/card-title/card-title.scss

@@ -7,7 +7,3 @@
 ion-card-title {
   display: block;
 }
-
-ion-card-title.hydrated {
-  visibility: inherit;
-}

src/components/card/card.scss

@@ -9,10 +9,6 @@ ion-card {
   overflow: hidden;
 }
 
-ion-card.hydrated {
-  visibility: inherit;
-}
-
 ion-card img {
   display: block;
 

src/components/slides/slide.scss

@@ -10,10 +10,6 @@ ion-slide {
   display: block;
 }
 
-ion-slide.hydrated {
-  visibility: inherit;
-}
-
 .slide-zoom {
   @include text-align(center);
 

src/components/slides/slides.scss

@@ -9,7 +9,3 @@
 ion-slides {
   display: block;
 }
-
-ion-slides.hydrated {
-  visibility: inherit;
-}

src/components/toggle/toggle.scss

@@ -10,10 +10,6 @@ ion-toggle {
   contain: content;
 }
 
-ion-toggle.hydrated {
-  visibility: inherit;
-}
-
 ion-toggle ion-gesture {
   display: block;