From 1cbc8f6e27ed5dd244ba93d81c147c814eea3698 Mon Sep 17 00:00:00 2001
From: Aaron Carlisle <carlisle.b3d@gmail.com>
Date: Sat, 13 Mar 2021 00:34:31 -0500
Subject: Fix code includes style

Currently this is inheriting a lot of rules from wyrm that dont apply here.
To fix this some wyrm rules are manually overriden or copied.

With all the fixes made in the theme or work around wyrm issues we will want to carefully see what can be removed when we move to bootstrap.

Fixes #930
---
 docs/demo/demo.rst       | 10 ++++++++++
 src/sass/_theme_rst.sass | 22 +++++++++++++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/docs/demo/demo.rst b/docs/demo/demo.rst
index 6d3afae..d667322 100644
--- a/docs/demo/demo.rst
+++ b/docs/demo/demo.rst
@@ -154,11 +154,21 @@ Python-specific usage examples; begun with ">>>"
 Code Blocks
 -----------
 
+.. rubric:: ``include``
+
+.. include:: test_py_module/test.py
+  :code: python
+  :number-lines:
+  :end-line: 10
+
+.. rubric:: ``parsed-literal``
+
 .. parsed-literal::
 
     # parsed-literal test
     curl -O http://someurl/release-|version|.tar-gz
 
+.. rubric:: ``code-block``
 
 .. code-block:: json
     :caption: Code Blocks can have captions.
diff --git a/src/sass/_theme_rst.sass b/src/sass/_theme_rst.sass
index b0cb0a7..8ee8631 100644
--- a/src/sass/_theme_rst.sass
+++ b/src/sass/_theme_rst.sass
@@ -364,23 +364,31 @@
     .field-body
       text-align: left
 
-  // These are the "literals" that get spit out when you mark stuff as ``code`` as your write.
+  // These are generic code blocks from includes
   tt, code
-    @extend code
+    display: block
+    border: none
+    padding: 0px
+    background: inherit
+    font-size: unset
+    white-space: pre
     color: $black
-    font-family: $code-font-family
-    padding: 2px 5px
     big, em
-      font-size: 100% !important
       line-height: normal
+      font-size: 100% !important
 
+    // These are the "literals" that get spit out when you mark stuff as ``code`` as your write.
     &.literal
-      color: $text-code-color
+      display: inline
+      border: 1px solid $table-border-color
+      padding: 2px 5px
+      font-size: 75%
       white-space: normal
+      color: $text-code-color
     &.xref, a &
       font-weight: bold
       color: $text-codexref-color
-  pre, kbd, samp
+  pre, kbd, samp, code
     font-family: $code-font-family
   // If the literal is inside an a tag, let's color it like a link
   a tt, a code
-- 
cgit v1.2.3