fixed code block in lists

Kikobeats · Aug 6, 2015 · dd734bd · dd734bd
1 parent 325b602
commit dd734bd
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/assets/scss/modules/_global.scss b/assets/scss/modules/_global.scss
@@ -79,13 +79,7 @@ p {
   line-height: 1.7rem;
 
   > code {
-    border: 1px solid #D9D9D9;
-    border-radius: 3px;
-    padding: 0.09rem 0.2rem;
-    font-family: $code-font;
-    font-weight: $font-weight-normal;
-    font-size: .85rem;
-    color: $gray-dark;
+    @include inline-code-style
   }
 }
 strong {
@@ -131,6 +125,10 @@ ul {
   list-style-type: disc;
 }
 
+li > code {
+ @include inline-code-style
+}
+
 pre {
   padding: 1rem 2.5%;
   margin-bottom: 1.3rem;

diff --git a/assets/scss/modules/_mixins.scss b/assets/scss/modules/_mixins.scss
@@ -1,3 +1,13 @@
+@mixin inline-code-style {
+  border: 1px solid #D9D9D9;
+  border-radius: 3px;
+  padding: 0.09rem 0.2rem;
+  font-family: $code-font;
+  font-weight: $font-weight-normal;
+  font-size: .85rem;
+  color: $gray-dark;
+}
+
 @mixin background-filter {
   background: linear-gradient(150deg, $cover-secondary 30%, $cover-primary 70%)
   0 0/cover fixed,url(/assets/img/cover.jpg) center/cover no-repeat fixed;