Fix #1167

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### Issues closed
 
+* #1167 Fix `pre code`
 * #1207 Fix `.breadcrumb` alignment
 
 ## 0.5.2

docs/_sass/example.sass

@@ -97,9 +97,6 @@
 .highlight pre
   max-height: 320px
   margin-bottom: 0 !important
-  padding: 0
-  code
-    padding: 1.25em 1.5em
 
 .highlight-full,
 #navbarJsExample

docs/css/bulma-docs.css

@@ -210,21 +210,21 @@ strong {
 }
 
 pre {
+  -webkit-overflow-scrolling: touch;
   background-color: whitesmoke;
   color: #4a4a4a;
   font-size: 0.875em;
+  overflow-x: auto;
+  padding: 1.25rem 1.5rem;
   white-space: pre;
   word-wrap: normal;
 }
 
 pre code {
-  -webkit-overflow-scrolling: touch;
-  background: none;
-  color: inherit;
-  display: block;
+  background-color: transparent;
+  color: currentColor;
   font-size: 1em;
-  overflow-x: auto;
-  padding: 1.25rem 1.5rem;
+  padding: 0;
 }
 
 table td,
@@ -11431,11 +11431,6 @@ html.route-index #carbon {
 .highlight pre {
   max-height: 320px;
   margin-bottom: 0 !important;
-  padding: 0;
-}
-
-.highlight pre code {
-  padding: 1.25em 1.5em;
 }
 
 .highlight-full:not(:last-child),

sass/base/generic.sass

@@ -104,19 +104,19 @@ strong
 // Block
 
 pre
+  +overflow-touch
   background-color: $pre-background
   color: $pre
   font-size: 0.875em
+  overflow-x: auto
+  padding: 1.25rem 1.5rem
   white-space: pre
   word-wrap: normal
   code
-    +overflow-touch
-    background: none
-    color: inherit
-    display: block
+    background-color: transparent
+    color: currentColor
     font-size: 1em
-    overflow-x: auto
-    padding: 1.25rem 1.5rem
+    padding: 0
 
 table
   td,