Add screenshots

docs/_sass/example.sass

@@ -57,10 +57,6 @@
 .bd-snippet-preview
   padding: 1.5rem
 
-.bd-snippet-code
-  background-color: $pre-background
-  border-radius: $radius-large
-
 .bd-snippet-code.bd-is-more.bd-is-more-clipped
   .highlight
     height: 2em
@@ -73,10 +69,14 @@
 .bd-snippet.bd-is-horizontal
   border-radius: $radius-large
   border-top-left-radius: 0
-  .bd-snippet-code.bd-is-more.bd-is-more-clipped
+  .bd-snippet-code
     .highlight
-      pre
-        padding-top: 0.325rem
+      border-top-left-radius: 0
+      border-top-right-radius: 0
+    &.bd-is-more.bd-is-more-clipped
+      .highlight
+        pre
+          padding-top: 0.325rem
 
 .bd-snippet.bd-is-clipped
   .bd-snippet-code

docs/_sass/index.sass

@@ -257,7 +257,7 @@
 
 .intro-npm
   background: $black-ter
-  border-radius: $radius-large
+  border-radius: $radius
   color: $white
   display: flex
   font-size: 15px

docs/css/bulma-docs.css

@@ -10642,7 +10642,7 @@ svg {
 
 .intro-npm {
   background: #242424;
-  border-radius: 6px;
+  border-radius: 4px;
   color: white;
   display: flex;
   font-size: 15px;
@@ -11684,11 +11684,6 @@ svg {
   padding: 1.5rem;
 }
 
-.bd-snippet-code {
-  background-color: whitesmoke;
-  border-radius: 6px;
-}
-
 .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight {
   height: 2em;
   overflow: hidden;
@@ -11707,6 +11702,11 @@ svg {
   border-top-left-radius: 0;
 }
 
+.bd-snippet.bd-is-horizontal .bd-snippet-code .highlight {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
 .bd-snippet.bd-is-horizontal .bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
   padding-top: 0.325rem;
 }