diff options
| author | Linlin Yan <yanlinlin82@gmail.com> | 2020-01-02 14:29:07 +0300 |
|---|---|---|
| committer | Linlin Yan <yanlinlin82@gmail.com> | 2020-01-02 14:29:07 +0300 |
| commit | 72710a4529b36b115872c271ce080199ac84385a (patch) | |
| tree | 95d9c41c68b28926dd4d902d102b671754e335f4 | |
| parent | 28e79a30f04747b24698409950a22bc17dfcd8c6 (diff) | |
Improve permalink by css
| -rw-r--r-- | layouts/shortcodes/permalink.html | 2 | ||||
| -rw-r--r-- | static/css/main.css | 2 |
2 files changed, 3 insertions, 1 deletions
diff --git a/layouts/shortcodes/permalink.html b/layouts/shortcodes/permalink.html index e98449a..f34aae9 100644 --- a/layouts/shortcodes/permalink.html +++ b/layouts/shortcodes/permalink.html @@ -1 +1 @@ -{{with .Get 0}}<a id="{{.}}" href="#{{.}}"><svg onmouseover="this.style.color='#f00'" onmouseout="this.style.color='#000'" style="color:#000;fill:currentColor" height="22px" viewBox="0 0 24 24" width="22px" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>{{end}} +{{with .Get 0}}<a id="{{.}}" href="#{{.}}"><svg class="permalink" height="22px" viewBox="0 0 24 24" width="22px" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"></path><path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path></svg></a>{{end}} diff --git a/static/css/main.css b/static/css/main.css index 9e0b74c..ec335f1 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -21,3 +21,5 @@ pre{border:1px solid #999;background-color:#f0f0f0;padding:5px;overflow:auto;max pre code{border:0;background:none;padding:0} ul.pagination{list-style-type:none;text-align:center} li.page-item{display:inline;padding-right:15px} +svg.permalink{color:#666;fill:currentColor} +svg:hover.permalink{color:#f00;fill:currentColor} |