diff options
author | Dillon <dillonzq@outlook.com> | 2020-04-24 14:04:37 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-24 14:04:37 +0300 |
commit | c2197b7411d613d7fbd75346a9d241c81258cdd7 (patch) | |
tree | 958742be232b6900550c5ef425d25ef8950c455a /assets/css | |
parent | 87fbb05e863c014b858eae042c890f1a52928df7 (diff) |
feat(social): improve social links (#254)
* replace forkawesome and iconfont with simple icons
* add more configs for social
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/_core/_base.scss | 1 | ||||
-rw-r--r-- | assets/css/_mixin/_compatibility.scss | 6 | ||||
-rw-r--r-- | assets/css/_page/_home.scss | 8 | ||||
-rw-r--r-- | assets/css/_partial/_header.scss | 1 | ||||
-rw-r--r-- | assets/css/_partial/_icon.scss | 10 | ||||
-rw-r--r-- | assets/css/_partial/_single/_footer.scss | 6 |
6 files changed, 25 insertions, 7 deletions
diff --git a/assets/css/_core/_base.scss b/assets/css/_core/_base.scss index 4c50568..75c92b2 100644 --- a/assets/css/_core/_base.scss +++ b/assets/css/_core/_base.scss @@ -49,4 +49,5 @@ a { @include link(true, true); +@import "../_partial/icon"; @import "../_partial/fixed-button"; diff --git a/assets/css/_mixin/_compatibility.scss b/assets/css/_mixin/_compatibility.scss index 5b7fb78..daba40d 100644 --- a/assets/css/_mixin/_compatibility.scss +++ b/assets/css/_mixin/_compatibility.scss @@ -4,9 +4,9 @@ border-radius: $value; } -@mixin box-shadow($value) { - -webkit-box-shadow: $value; - box-shadow: $value; +@mixin box-shadow($values...) { + -webkit-box-shadow: $values; + box-shadow: $values; } @mixin transition($values...) { diff --git a/assets/css/_page/_home.scss b/assets/css/_page/_home.scss index 247b383..db1aa1a 100644 --- a/assets/css/_page/_home.scss +++ b/assets/css/_page/_home.scss @@ -35,11 +35,11 @@ } .social-links { - padding: .4rem 0; + padding: .4rem .2rem; + font-size: 1.6rem; - a, i { - font-size: 1.6rem; - line-height: 2rem; + a * { + vertical-align: text-bottom; } img { diff --git a/assets/css/_partial/_header.scss b/assets/css/_partial/_header.scss index 9e48ece..7b3cd46 100644 --- a/assets/css/_partial/_header.scss +++ b/assets/css/_partial/_header.scss @@ -2,6 +2,7 @@ header { width: 100%; z-index: 150; background-color: $header-background-color; + @include box-shadow(0px 1px 4px rgba(0, 0, 0, .1)); .dark & { background-color: $header-background-color-dark; diff --git a/assets/css/_partial/_icon.scss b/assets/css/_partial/_icon.scss new file mode 100644 index 0000000..c260504 --- /dev/null +++ b/assets/css/_partial/_icon.scss @@ -0,0 +1,10 @@ +svg.icon { + display: inline-block; + width: 1.25em; + height: 1em; + text-align: center; + + path { + fill: currentColor; + } +} diff --git a/assets/css/_partial/_single/_footer.scss b/assets/css/_partial/_single/_footer.scss index b02fa64..aad4b90 100644 --- a/assets/css/_partial/_single/_footer.scss +++ b/assets/css/_partial/_single/_footer.scss @@ -39,6 +39,12 @@ @include link(false, false); } + + .post-info-share { + a * { + vertical-align: text-bottom; + } + } } } |