Преглед на файлове

styling embedded iframe responsive behaviour

tags/0.9.0
Alej преди 4 години
родител
ревизия
509260f088
променени са 1 файла, в които са добавени 10 реда и са изтрити 7 реда
  1. 10
    7
      vue-theme/src/pages/single.vue

+ 10
- 7
vue-theme/src/pages/single.vue Целия файл

261
             position: relative
261
             position: relative
262
             width: 100% 
262
             width: 100% 
263
             padding-bottom: 56.25%
263
             padding-bottom: 56.25%
264
-            margin-bottom: $ms-7 
264
+            margin-bottom: 7em
265
             &__wrapper
265
             &__wrapper
266
                 display: contents
266
                 display: contents
267
             /* TBD if kept- edit ot test */
267
             /* TBD if kept- edit ot test */
269
                 position: absolute
269
                 position: absolute
270
                 top: 100%
270
                 top: 100%
271
 
271
 
272
+        /* iframe container 16:9 */
272
         [class^="iframe-container"]
273
         [class^="iframe-container"]
273
             position: relative
274
             position: relative
274
-            width: 100% 
275
-        /* iframe container 16:9 */
276
-        .iframe-container 
277
             padding-bottom: 56.25% 
275
             padding-bottom: 56.25% 
276
+            /* width: 100%  */
278
         /* iframe container portrait */
277
         /* iframe container portrait */
279
         .iframe-container-v
278
         .iframe-container-v
280
             height: 100%
279
             height: 100%
281
             padding-bottom: 125%
280
             padding-bottom: 125%
282
         iframe 
281
         iframe 
282
+            position: absolute
283
+            top: 0 
284
+            left: 0
283
             width: 100% 
285
             width: 100% 
286
+            height: 100%
284
 
287
 
285
         /* separator styles */
288
         /* separator styles */
286
         * hr
289
         * hr
310
 
313
 
311
         breadcrumb
314
         breadcrumb
312
             h5
315
             h5
313
-                /* color: yellow */
314
                 color: $cia_red
316
                 color: $cia_red
315
-                /* font-weight: 400 */
316
-                /* padding: $ms--6 0 */
317
         
317
         
318
         //- end of article icon
318
         //- end of article icon
319
         footer
319
         footer
329
             margin: 0 0.65em 0 0
329
             margin: 0 0.65em 0 0
330
         &.f-col
330
         &.f-col
331
             flex-direction: row
331
             flex-direction: row
332
+            .wp-block-embed, .is-type-video
333
+                margin-bottom: $ms-9 
334
+
332
 </style>
335
 </style>

Loading…
Отказ
Запис