From 8c9aac0540b10cdb37fd093683b409e022caa470 Mon Sep 17 00:00:00 2001
From: Nathakit <nathakit.sae-tan@cuinda.com>
Date: Mon, 29 May 2017 18:41:51 +0700
Subject: [PATCH] add new classes for lazyload

---
 assets/stylus/components/feature.styl | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/assets/stylus/components/feature.styl b/assets/stylus/components/feature.styl
index 9b82a8aa..d3840c91 100644
--- a/assets/stylus/components/feature.styl
+++ b/assets/stylus/components/feature.styl
@@ -226,6 +226,30 @@
   // overflow hidden
   filter blur(50px)
   transform scale(1)
+  
+.img-large
+  &.lazyloaded
+    opacity 1
+    transition: opacity .1s linear
+
+.lazy-img
+  margin auto
+  overflow hidden
+
+.ratio-box
+  position relative
+  height 0
+  display block
+  
+.ratio-box img
+.ratio-box iframe
+.ratio-box video
+  position absolute
+  top 0
+  left 0
+  width 100%
+  height 100%
+  display block
 
 .Background-img--full-wh-grid
   background-position center center