Make `code` elements in links display as such

Also adds some minor padding to inline `code` elements.

Make `code` elements in links display as such
Also adds some minor padding to inline `code` elements.
1aa1f392 · Robert Speicher · 3f84c8a6 · 1aa1f392 · 1aa1f392
Commit 1aa1f392 authored Jul 31, 2015 by Robert Speicher
Showing with 5 additions and 1 deletion

app/assets/stylesheets/base/mixins.scss app/assets/stylesheets/base/mixins.scss +1 -1

app/assets/stylesheets/generic/typography.scss app/assets/stylesheets/generic/typography.scss +4 -0

No files found.
--- a/app/assets/stylesheets/base/mixins.scss
+++ b/app/assets/stylesheets/base/mixins.scss
@@ -70,7 +70,7 @@
    font-family: $monospace_font;
    white-space: pre;
    word-wrap: normal;
-    padding: 0;
+    padding: 1px 2px;
  }

  kbd {

--- a/app/assets/stylesheets/generic/typography.scss
+++ b/app/assets/stylesheets/generic/typography.scss
@@ -38,6 +38,10 @@ code {
  }
 }

+a > code {
+  color: $link-color;
+}
+
 /**
 * Wiki typography
 *