diff options
Diffstat (limited to 'sass/_partial/_header.scss')
| -rw-r--r-- | sass/_partial/_header.scss | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/sass/_partial/_header.scss b/sass/_partial/_header.scss new file mode 100644 index 0000000..8a94265 --- /dev/null +++ b/sass/_partial/_header.scss @@ -0,0 +1,45 @@ +.header { + display: flex; + margin: 0 auto; + padding: 1em; + padding-bottom: 0.5em; + justify-content: center; + flex-direction: column; + align-items: center; + .blog-title .logo { + font-family: 'Source Serif Pro', 'Noto Serif SC', serif; + color: #000; + font-size: 1.2em; + text-decoration: none; + } + .blog-title { + height: 26.5; + } + .menu { + margin: 0 auto; + vertical-align: text-top; + padding-left: 0; + .menu-item { + display: inline-block; + padding: 0.25em; + } + .menu-item-link { + color: #818181; + text-decoration: none; + font-size: 1em; + &:hover { + color: #111; + } + } + .current-menu-item-link { + color: #111; + text-decoration: none; + } + } + + @media screen and (max-width: 320px) { + .menu { + display: inline-flex; + } + } +}
\ No newline at end of file |