feat: update famous-angular.css to support changes in Famo.us core

Famous · Aug 11, 2014 · 864bd8b · 864bd8b
1 parent 54af93f
commit 864bd8b
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 24 deletions.
diff --git a/dist/famous-angular.css b/dist/famous-angular.css
@@ -21,17 +21,6 @@ fa-app, .fa-app {
     position: relative;
 }
 
-.famous-container-surface, .famous-group {
-    overflow: visible;
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
-    -webkit-backface-visibility: visible;
-    backface-visibility: visible;
-    pointer-events: none;
-    height: 100%;
-    width: 100%;
-}
-
 .famous-angular-clipping-container {
     overflow: hidden;
     width: 100%;
@@ -48,6 +37,20 @@ fa-app, .fa-app {
     width: 100%;
 }
 
+.famous-container, .famous-group {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    overflow: visible;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    pointer-events: none;
+}
+
 .famous-group {
     width: 0px;
     height: 0px;

diff --git a/dist/famous-angular.min.css b/dist/famous-angular.min.css
diff --git a/famous-angular-examples b/famous-angular-examples
diff --git a/src/styles/famous-angular.css b/src/styles/famous-angular.css
@@ -15,17 +15,6 @@ fa-app, .fa-app {
     position: relative;
 }
 
-.famous-container-surface, .famous-group {
-    overflow: visible;
-    -webkit-transform-style: preserve-3d;
-    transform-style: preserve-3d;
-    -webkit-backface-visibility: visible;
-    backface-visibility: visible;
-    pointer-events: none;
-    height: 100%;
-    width: 100%;
-}
-
 .famous-angular-clipping-container {
     overflow: hidden;
     width: 100%;
@@ -42,6 +31,20 @@ fa-app, .fa-app {
     width: 100%;
 }
 
+.famous-container, .famous-group {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    right: 0px;
+    overflow: visible;
+    -webkit-transform-style: preserve-3d;
+    transform-style: preserve-3d;
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
+    pointer-events: none;
+}
+
 .famous-group {
     width: 0px;
     height: 0px;