Kaynağa Gözat

styling edit responsive iframe-container

tags/0.9.0
Alej 5 yıl önce
ebeveyn
işleme
37ac85080a
1 değiştirilmiş dosya ile 13 ekleme ve 0 silme
  1. 13
    0
      vue-theme/src/pages/single.vue

+ 13
- 0
vue-theme/src/pages/single.vue Dosyayı Görüntüle

@@ -194,4 +194,17 @@ export default {
194 194
             li
195 195
                 img
196 196
                     width: 100%
197
+        /* responsive iframe embeds */
198
+        .iframe-container 
199
+            position: relative
200
+            width: 100% 
201
+            padding-bottom: 56.25% 
202
+
203
+        .iframe-container iframe 
204
+            position: absolute 
205
+            top: 0px 
206
+            left: 0px 
207
+            width: 100% 
208
+            height: 100% 
209
+
197 210
 </style>

Loading…
İptal
Kaydet