Quellcode durchsuchen

styling edit - wp-embed youtube and hr styles

tags/0.9.0
Alej vor 4 Jahren
Ursprung
Commit
3aa9f12f77
1 geänderte Dateien mit 12 neuen und 11 gelöschten Zeilen
  1. 12
    11
      vue-theme/src/pages/single.vue

+ 12
- 11
vue-theme/src/pages/single.vue Datei anzeigen

256
             img.feature
256
             img.feature
257
                 width: 20em 
257
                 width: 20em 
258
             li
258
             li
259
+        /* wp-block-embed youtube link */
260
+        .wp-block-embed, .is-type-video
261
+            position: relative
262
+            width: 100% 
263
+            padding-bottom: 56.25% 
264
+            &__wrapper
265
+                display: contents
259
         /* iframe container 16:9 */
266
         /* iframe container 16:9 */
260
         .iframe-container 
267
         .iframe-container 
261
             position: relative
268
             position: relative
275
             left: 0px 
282
             left: 0px 
276
             width: 100% 
283
             width: 100% 
277
             height: 100%
284
             height: 100%
278
-        
279
-        .wp-block-embed .is-type-video
280
-            position: relative
281
-            width: 100% 
282
-            padding-bottom: 56.25% 
283
-
285
+        /* separator styles */
284
         * hr
286
         * hr
285
-            border: $ms--3
286
             margin: $ms-2 auto
287
             margin: $ms-2 auto
287
-            outline-style: auto
288
-
289
             &.is-style
288
             &.is-style
290
                 &-default
289
                 &-default
291
                     height: 1px
290
                     height: 1px
292
                     width: 15vw
291
                     width: 15vw
293
                 &-wide
292
                 &-wide
294
-                    height: 1px
293
+                    height: 3px
295
                     width: 50vw
294
                     width: 50vw
296
-                &-dots
295
+                &-dots::before
297
                     outline-style: none
296
                     outline-style: none
298
                     font-weight: bolder
297
                     font-weight: bolder
298
+                    letter-spacing: $ms-8
299
+                    padding-left: $ms-8
299
         /* margin to indent marker */
300
         /* margin to indent marker */
300
         li
301
         li
301
             margin: 0 0 $ms--2 $ms-4
302
             margin: 0 0 $ms--2 $ms-4

Laden…
Abbrechen
Speichern