Sfoglia il codice sorgente

styling edit responsive iframe-container

tags/0.9.0
Alej 5 anni fa
parent
commit
37ac85080a
1 ha cambiato i file con 13 aggiunte e 0 eliminazioni
  1. 13
    0
      vue-theme/src/pages/single.vue

+ 13
- 0
vue-theme/src/pages/single.vue Vedi File

@@ -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…
Annulla
Salva