Small CSS improvements

Support for VIDEO tag, left/right align picture spacing, alert window spacing
jwillmer · Jun 18, 2022 · abd8a27 · abd8a27
1 parent 64c6e4c
commit abd8a27
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/_sass/main.scss b/_sass/main.scss
@@ -244,6 +244,7 @@
 .single-post .post-content > fieldset,
 .single-post .post-content > figcaption,
 .single-post .post-content > figure,
+.single-post .post-content > video,
 .single-post .post-content > footer,
 .single-post .post-content > form,
 .single-post .post-content > header,

diff --git a/_sass/post.scss b/_sass/post.scss
@@ -36,6 +36,12 @@
         figure.left, figure.right {
             max-width: 250px;
         }
+
+        video {
+          display: block;
+          padding: 0 0 1.75em 0;
+          margin: 0 auto;
+        }
     }
 
     .post-title {
@@ -93,14 +99,14 @@
             float: left;
             margin-left: 0;
             margin-right: 20px;
-            margin-top: 20px;
+            margin-top: 5px;
         }
 
         &.right {
             float: right;
-            margin-left: 0;
-            margin-right: 20px;
-            margin-top: 20px;
+            margin-left: 20px;
+            margin-right: 0;
+            margin-top: 5px;
         }
 
         img {
@@ -253,6 +259,10 @@
             font-family: 'Dosis', 'Source Sans Pro', 'Helvetica Neue', Arial, sans-serif;
             font-size: 14px;
         }
+
+        p:last-of-type {
+          margin: 0;
+        }
     }
 }