diff options
| author | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2019-09-13 17:26:19 +0800 |
|---|---|---|
| committer | Jeffrey Tse <jeffreytse.mail@gmail.com> | 2019-09-13 17:26:19 +0800 |
| commit | af1450d90bb8f6ab8c8693ce9434783578789b25 (patch) | |
| tree | 4cca957a1f7d3f8f2aa22d8ef11146501f461f58 /_sass/yat | |
| parent | 9241888333d7c0bce62c292a97373b8c26a714d4 (diff) | |
feat: add favicon and header logo
Diffstat (limited to '_sass/yat')
| -rw-r--r-- | _sass/yat/_layout.scss | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/_sass/yat/_layout.scss b/_sass/yat/_layout.scss index 4d4eeae..3db7dde 100644 --- a/_sass/yat/_layout.scss +++ b/_sass/yat/_layout.scss @@ -16,17 +16,34 @@ } .site-brand { + @extend %vertical-center; + float: left; + height: 100%; + max-height: 100%; margin-right: 50px; + .site-favicon { + margin-right: 10px; + height: 65%; + max-height: 65%; + border-radius: 65%; + box-shadow: 0 0 2px #080808d1; + transition: 0.2s; + + &:hover { + box-shadow: 0 0 5px #080808d1; + } + } + .site-title { - @include relative-font-size(1.625); + @include relative-font-size(1.125); font-weight: $base-font-weight; line-height: $header-height; + text-shadow: 0 0 3px #080808d1; letter-spacing: -1px; - &, - &:visited { + &, &:visited { color: $header-text-color; } } |