Improved styling of figures for code and img blocks.

Silvenga · Dec 16, 2017 · 8a9e7b6 · 8a9e7b6
1 parent cd31f72
commit 8a9e7b6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/input/posts/ceph-feature-mismatch.md b/input/posts/ceph-feature-mismatch.md
@@ -18,14 +18,14 @@ I originally thought it was due to running Luminous (the ceph provisioner that I
 
 Looking deeper into the error message (which I should have done before). This error occurred from a monitor after image construction, but before image mount. The error was complaining that the feature flag `400000000000000` was missing support by my client. This feature turns out to mean basically `CRUSH_TUNABLES5` with the following requirements (Google is great at this):
 
-```log
+```
 v10.0.2 (jewel) or later
 Linux kernel version v4.5 or later (for the file system and RBD kernel clients)
 ```
 
 And that's my problem. I'm assuming that Kubernetes is using the kernel module to mount rbd's, but my nodes are running Ubuntu 16.04 with the following kernel:
 
-```log
+```
 4.4.0-96-generic #119-Ubuntu SMP Tue Sep 12 14:59:54 UTC 2017 x86_64 x86_64 x86_64 GNU/Linux
 ```
 

diff --git a/src/src/styles/components/content.scss b/src/src/styles/components/content.scss
@@ -11,7 +11,7 @@
             width: 100%;
             max-width: 780px;
         }
-        .img-fluid {
+        img {
             display: block;
             margin: 0 auto;
             padding: 0.5rem;
@@ -34,7 +34,7 @@
             width: 100%;
         }
         figure {
-            background-color: lighten($color: $gray-100, $amount: 1%);
+            background-color: $gray-100;
             padding: 0.5rem;
             border-radius: 0.15rem;
             border-color: $border-color;
@@ -43,6 +43,13 @@
             .figure-caption {
                 color: inherit;
             }
+            img {
+                padding: 0;
+                border: 0;
+            }
+            pre{
+                margin-bottom: 0.5rem;
+            }
         }
     }
     pre {