From 12cf2423907cdac9a97ba6925377c73e0b94301d Mon Sep 17 00:00:00 2001
From: “Ryder <“r@okfoc.us”>
Date: Mon, 28 Mar 2016 14:16:48 -0400
Subject: iframe demo

---
 public/assets/ok.css | 44 +++++++++++++++-----------------------------
 1 file changed, 15 insertions(+), 29 deletions(-)

(limited to 'public')

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 11f6a58..dd3397e 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -8,6 +8,8 @@
         box-sizing: inherit;
         padding: 0;
         margin: 0;
+        outline:0;
+        border:0;
     }
     
     a,
@@ -18,6 +20,7 @@
     body {
         font-family: 'Roboto', sans-serif;
         font-size: 11px;
+        background:#fff;
     }
     
     div,
@@ -33,12 +36,7 @@
         -webkit-flex-flow: column wrap;
         flex-flow: column wrap;
     }
-    
-    .top,
-    .bottom {
-        -webkit-flex: 1 auto;
-        flex: 1 auto;
-    }
+
     
     .top {
         background: yellow;
@@ -46,6 +44,7 @@
         /*height: 80vh;*/
         flex: 1 auto;
     }
+
     /*! Flickity */
     
     .flickity-enabled {
@@ -59,41 +58,28 @@
     .flickity-viewport {
         overflow: hidden;
         position: relative;
-        height: 100%;
+        width:100%;
     }
-    
+
     .flickity-slider {
         position: absolute;
         width: 100%;
-        height: 100%;
-    }
-    
-    ::-webkit-full-screen #okgallery {
-        width: 100%;
-        height: 100%;
-    }
-    
-    ::-webkit-full-screen #okgallery {
-        width: 100%;
-        height: 100%;
-    }
-    
-    .full-screen #okgallery {
-        width: 100%;
-        height: 100%;
     }
     
     .cell {
         width: 100vw;
-        display: inline-block;
-        flex: 1 auto;
-        height: 50vh;
+        height: 70vh; /*THIS SHOULD BE DYNAMIC*/
+        background-position: center;
+        background-size: cover;
+        background-repeat: no-repeat;
+    }
+    .cell.contain {
+        background-size: 20% ;
+        background-color: #eee;
     }
-    
     .bottom {
         /*height: 20vh;*/
         flex: 0 auto;
-        background: #eee;
         overflow: hidden;
         padding: 5px 0;
     }
-- 
cgit v1.2.3-70-g09d2