[hyde template] use span + CSS for the sitenav separator

This commit is contained in:
Masataro Asai 2017-11-12 14:25:11 +09:00
parent a6164f0bc0
commit 360ad70389
2 changed files with 8 additions and 4 deletions

View file

@ -19,14 +19,17 @@
</head> </head>
<body> <body>
<div class="navigation"> <div class="navigation">
<a href="{$config.domain}">{$config.title}</a> | <span class="sitenav">
<a href="{$config.domain}">{$config.title}</a>
</span>
{foreach $link in $config.sitenav} {foreach $link in $config.sitenav}
<span class="sitenav">
{if $link.relative} {if $link.relative}
<a href="{$config.domain}/{$link.url}">{$link.name}</a> <a href="{$config.domain}/{$link.url}">{$link.name}</a>
{else} {else}
<a href="{$link.url}">{$link.name}</a> <a href="{$link.url}">{$link.name}</a>
{/if} {/if}
{if not isLast($link)} {sp}|{sp} {/if} </span>
{/foreach} {/foreach}
</div> </div>
<div id="content"> <div id="content">

View file

@ -1,6 +1,7 @@
#content { background: #fff; padding-top: 1em } #content { background: #fff; padding-top: 1em }
#header { float: right; margin-left: 1em; margin-bottom: 1em } #header { float: right; margin-left: 1em; margin-bottom: 1em }
#coleslaw-logo { float: right; } #coleslaw-logo { float: right; }
span.sitenav:not(:last-child):after { content: '|' }
a { text-decoration: none; color: #992900 } a { text-decoration: none; color: #992900 }
a.anchor { color: black } a.anchor { color: black }
.date { font-style: italic } .date { font-style: italic }