ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 11:46:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Get the head bigger

Browse Source
This commit is contained in:
Alexis Tacnet
2016-12-06 23:56:54 +01:00
parent 9f8b26993e
commit 4bf549032a
2 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
layouts/partials/header.html
View File

@@ -5,14 +5,19 @@
<body lang="{{ .Site.Params.lang }}">
{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
{{ if eq $url "" }}
<section class="header header-home">
{{ else }}
<section class="header">
{{ end }}
<div class="container">
<a href="/"><img class="logo" src="images/logo.png" /></a>
<div class="content">
<a href="/"><div class="name">{{ .Site.Title }}</div></a>
<a href="/"><div class="name"><h1>{{ .Site.Title }}</h1></div></a>
<nav>
<ul>
<a href="/blog/"><li>Blog</li></a>
<a href="/"><li>Blog</li></a>
<a href="/about/"><li>About</li></a>
<a href="/projects/"><li>Projects</li></a>
</ul>

20
static/css/main.css
View File

@@ -201,7 +201,6 @@ section.header .name {
color: #555555;
}
section.header nav {
font-size: 14px;
margin-bottom: 16px;
text-transform: uppercase;
font-family: 'Raleway', 'Helvetica Neue', 'Arial', sans-serif;
@@ -228,6 +227,7 @@ section.header nav ul a:last-child {
section.header nav ul li {
color: #555555;
font-weight: 500;
font-size: 14px;
-webkit-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-moz-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
-ms-transition: color 0.1s cubic-bezier(0.47, 0, 0.75, 0.72);
@@ -246,6 +246,17 @@ section.header nav ul li:hover {
-ms-justify-content: flex-start;
justify-content: flex-start;
}
section.header-home .container .logo {
max-width: 180px;
margin-left: 20px;
}
section.header-home .name-home {
padding-top: 30px;
font-size: 40px;
}
section.header-home nav ul li {
font-size: 18px;
}
section.header .content {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
@@ -518,6 +529,13 @@ section.main {
padding-top: 32px;
padding-bottom: 32px;
}
section.main .container .content .post-item .meta {
display: block;
}
section.main .container .content .post-item {
display: flex;
list-style: none;
}
@media (min-width: 600px) {
.container {
margin: 0 30px;