[hyde template] use span + CSS for the sitenav separator
This commit is contained in:
parent
a6164f0bc0
commit
360ad70389
2 changed files with 8 additions and 4 deletions
|
@ -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">
|
||||||
|
|
|
@ -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 }
|
||||||
|
|
Loading…
Add table
Reference in a new issue