diff options
| author | Yiyao Wei <yiyao.wei@icloud.com> | 2021-05-19 19:42:36 +0300 |
|---|---|---|
| committer | Yiyao Wei <yiyao.wei@icloud.com> | 2021-05-19 19:42:36 +0300 |
| commit | 9c3a7d3fc1b8228933acc2e3630d6264ab27e12f (patch) | |
| tree | db70ee7c82201a893ddb88ddd12f302eb8dd9590 | |
| parent | b35b9b12ccc6aa4451e50bc5b8604587d444afc6 (diff) | |
fix btn-link icons
| -rw-r--r-- | assets/scss/_buttons.scss | 9 | ||||
| -rw-r--r-- | exampleSite/resources/_gen/assets/scss/scss/style.scss_c3df5db6494569b557bc45b29ecd59ff.content | 10 | ||||
| -rw-r--r-- | layouts/index.html | 6 |
3 files changed, 17 insertions, 8 deletions
diff --git a/assets/scss/_buttons.scss b/assets/scss/_buttons.scss index f313080..565a298 100644 --- a/assets/scss/_buttons.scss +++ b/assets/scss/_buttons.scss @@ -80,9 +80,11 @@ .btn-link { color: $primary-color; - i { + i, + svg { font-size: 12px; margin-left: 5px; + margin-bottom: 1px; transition: .2s ease; } @@ -93,8 +95,9 @@ color: $primary-color; text-decoration: none; - i { + i, + svg { margin-left: 10px; } } -}
\ No newline at end of file +} diff --git a/exampleSite/resources/_gen/assets/scss/scss/style.scss_c3df5db6494569b557bc45b29ecd59ff.content b/exampleSite/resources/_gen/assets/scss/scss/style.scss_c3df5db6494569b557bc45b29ecd59ff.content index d62e844..5e5fc04 100644 --- a/exampleSite/resources/_gen/assets/scss/scss/style.scss_c3df5db6494569b557bc45b29ecd59ff.content +++ b/exampleSite/resources/_gen/assets/scss/scss/style.scss_c3df5db6494569b557bc45b29ecd59ff.content @@ -117,14 +117,20 @@ h6, .btn-link { color: #0AA8A7; } - .btn-link i { + .btn-link i, + .btn-link svg { font-size: 12px; margin-left: 5px; + margin-bottom: 1px; transition: .2s ease; } .btn-link:active, .btn-link:hover, .btn-link.focus, .btn-link.active { color: #0AA8A7; text-decoration: none; } - .btn-link:active i, .btn-link:hover i, .btn-link.focus i, .btn-link.active i { + .btn-link:active i, + .btn-link:active svg, .btn-link:hover i, + .btn-link:hover svg, .btn-link.focus i, + .btn-link.focus svg, .btn-link.active i, + .btn-link.active svg { margin-left: 10px; } body { diff --git a/layouts/index.html b/layouts/index.html index 3e11513..9f03e29 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -60,7 +60,7 @@ <p>{{ .content | markdownify }}</p> {{ if .button.enable }} {{ with .button }} - <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a> + <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="fas fa-arrow-right"></i></a> {{ end }} {{ end }} </div> @@ -90,7 +90,7 @@ <p>{{ .content | markdownify }}</p> {{ if .button.enable }} {{ with .button }} - <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="ti-arrow-right"></i></a> + <a href="{{ .link | relURL }}" title="{{ .label }}" class="btn-link">{{ .label }} <i class="fas fa-arrow-right"></i></a> {{ end }} {{ end }} </div> @@ -145,4 +145,4 @@ {{ end }} <!-- /call to action --> -{{ end }}
\ No newline at end of file +{{ end }} |