Improve download link style

2024-03-22 13:10:44 +08:00 · 2014-11-03 15:34:06 +08:00 · 2014-11-03 15:34:06 +08:00 · 8fa5b1dece
commit 8fa5b1dece
parent 44e4167694
3 changed files with 21 additions and 2 deletions
--- a/demo_docs/source/index.rst
+++ b/demo_docs/source/index.rst
@ -215,3 +215,8 @@ Citation
 Here I am making a citation [1]_

 .. [1] This is the citation I made, let's make this extremely long so that we can tell that it doesn't follow the normal responsive table stuff.
+
+Download links
+==============
+
+:download:`This long long long long long long long long long long long long long long long download link should be blue with icon, and should wrap white-spaces <static/yi_jing_01_chien.jpg>`
--- a/sass/_theme_rst.sass
+++ b/sass/_theme_rst.sass
@ -274,6 +274,20 @@
  p.rubric
    margin-bottom: 12px
    font-weight: bold
+  //Download link
+  code.download
+    background: inherit
+    padding: inherit
+    font-family: inherit
+    font-size: inherit
+    color: inherit
+    border: inherit
+    white-space: inherit
+    span:first-child
+      @extend .fa
+      @extend .fa-download
+      &:before
+        margin-right: 4px

 // Mobile specific
 +media($mobile)
--- a/sphinx_rtd_theme/static/css/theme.css
+++ b/sphinx_rtd_theme/static/css/theme.css