Fallback to tab-toggle with visibility due to browser opacity issues

Author: jordanmccullough

_stylesheets/materials.css

@@ -179,7 +179,7 @@ section {
       font-size: 80%; }
   .tab-panel .panel-content {
     width: 200%;
-    opacity: 0;
+    visibility: hidden;
     position: absolute;
     left: -50%;
     -webkit-transition: opacity 400ms;
@@ -206,7 +206,7 @@ section {
         color: #fff;
         opacity: 1; }
     .tab-panel input.material-type:checked + label.tab > div.panel-content {
-      opacity: 1; }
+      visibility: visible; }
 
 footer {
   float: left;

_stylesheets/materials.scss

@@ -221,8 +221,8 @@ section{
 
 	.panel-content{
 		width: 200%;
-		// visibility: hidden;
-		opacity: 0;
+		visibility: hidden;
+		// opacity: 0;
 		position: absolute;
 		left: -50%;
 
@@ -262,8 +262,8 @@ section{
 		}
 
 		&:checked + label.tab > div.panel-content{
-			// visibility: visible;
-			opacity: 1;
+			visibility: visible;
+			// opacity: 1;
 		}
 	}
 }