Update breadcrumb colors

This commit is contained in:
Ryan Watters
2017-02-15 21:11:57 -06:00
parent 1f50dca47f
commit 0d0973d119
20 changed files with 36 additions and 32 deletions
+2 -2
View File
@@ -1,6 +1,6 @@
---
title: "Content Management: Introduction"
linktitle: "Content Management: Introduction"
title: "Content Management"
linktitle: "Content Management"
description: An introduction to how Hugo expects you to organize your content.
date: 2017-02-01
publishdate: 2017-02-01
+2 -4
View File
@@ -20,10 +20,7 @@ A good example of when multiple types are needed is to look at [Tumblr][]. A pie
## Assigning a content type
Hugo assumes that your site will be organized into [sections](/content/sections/)
and each section will use the corresponding type. If you are taking advantage of
this, then each new piece of content you place into a section will automatically
inherit the type.
Hugo assumes that your site will be organized into [sections][] and each section will use the corresponding type. If you are taking advantage of this, then each new piece of content you place into a section will automatically inherit the type.
Alternatively, you can set the type in the meta data under the key "`type`".
@@ -65,6 +62,7 @@ Create a file called <code><em>type</em>.md</code> in the `/archetypes` director
More details about archetypes can be found at the [archetypes docs](/content/archetypes/).
[archetypes]: /content-management/archetypes/
[sections]: /content-sections/
[front matter]: /content-management/front-matter/
[list of contents on a single page]: /templates/list-and-section-templates/
[template]: /templates/
+2 -2
View File
@@ -1,6 +1,6 @@
---
title: Overview
linktitle: Overview
title: Functions
linktitle: Functions
description: Comprehensive list of Hugo templating functions, including basic and advanced usage examples.
date: 2017-02-01
publishdate: 2017-02-01
+2 -2
View File
@@ -1,6 +1,6 @@
---
title: "Getting Started: Using the Docs"
linktitle: "Getting Started: Using the Docs"
title: "Getting Started"
linktitle: "Getting Started"
description: Quick start and guides for installing Hugo on your preferred operating system.
date: 2017-02-01
publishdate: 2017-02-01
+1 -1
View File
@@ -1,5 +1,5 @@
---
title: Overview
title: Hosting and Deployment
linktitle:
description: Site builds, automated deployments, and popular hosting solutions.
date: 2016-11-01
+2 -1
View File
@@ -1,5 +1,5 @@
---
title: Overview
title: News and Articles
linktitle:
description: Articles where Hugo is featured, as well as news and updates on the project itself.
date: 2017-02-01
@@ -7,6 +7,7 @@ publishdate: 2017-02-01
lastmod: 2017-02-01
tags: []
categories: []
hidesectioncontents: false
weight: 01
draft: false
slug:
+3 -2
View File
@@ -1,6 +1,6 @@
---
title: "Project Organization: New Sites"
linktitle: "Project Organization: New Sites"
title: "Project Organization"
linktitle: "Project Organization"
description: Scaffolding new projects, configuration, and source organization.
date: 2016-11-01
publishdate: 2016-11-01
@@ -9,6 +9,7 @@ weight: 01
tags: []
categories: []
draft: false
hidesectioncontents: false
slug:
aliases:
notes:
+1
View File
@@ -9,6 +9,7 @@ tags: []
categories: []
weight: 01
draft: false
hidesectioncontents: false
slug:
aliases: []
notes:
+1
View File
@@ -7,6 +7,7 @@ publishdate: 2017-02-01
lastmod: 2017-02-01
weight: 01
tags: []
hidesectioncontents: false
draft: false
slug:
aliases:
+1
View File
@@ -7,6 +7,7 @@ publishdate: 2017-02-01
lastmod: 2017-02-01
weight:
draft: false
hidesectioncontents: false
slug:
aliases: [/troubleshooting/faqs/,/faqs/]
notes:
+1
View File
@@ -8,6 +8,7 @@ lastmod: 2017-02-01
tags: [tutorials,learning]
weight:
draft: false
hidesectioncontents: false
slug:
aliases:
notes:
+1
View File
@@ -9,6 +9,7 @@ weight: 01
draft: false
slug:
aliases: []
hidesectioncontents: false
notes:
---
@@ -1,14 +1,14 @@
<footer id="content-footer">
{{$section := replace (replace .Section "-" " " | title) "And" "and"}}
{{ if .NextInSection }}
<a href="{{.NextInSection.Permalink}}" data-tooltip="{{$section}}: {{.NextInSection.Title}}" class="tooltip prev-and-next-link prev-page">
<a href="{{.NextInSection.Permalink}}" data-tooltip="{{.NextInSection.Title}}" class="tooltip prev-and-next-link prev-page">
<div>
<span><i class="fa fa-chevron-left"></i> Previous</span>
</div>
</a>
{{ else if eq .Kind "page" }}
{{ with .Site.GetPage "section" .Section }}
<a href="{{.Permalink}}" data-tooltip="{{$section}}: {{.Title}}" class="tooltip prev-and-next-link prev-page">
<a href="{{.Permalink}}" data-tooltip="{{.Title}}" class="tooltip prev-and-next-link prev-page">
<div>
<span><i class="fa fa-chevron-left"></i> Previous</span>
</div>
@@ -17,7 +17,7 @@
{{ end }}
<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "2006-01-02"}}{{else}}{{.PublishDate.Format "2006-01-02"}}{{end}}</span>
{{ with .PrevInSection }}
<a href="{{.Permalink}}" data-tooltip="{{$section}}: {{.Title}}" class="tooltip prev-and-next-link next-page">
<a href="{{.Permalink}}" data-tooltip="{{.Title}}" class="tooltip prev-and-next-link next-page">
<div>
<span>Next <i class="fa fa-chevron-right"></i></span>
</div>
@@ -25,7 +25,7 @@
{{ end }}
{{if eq .Kind "section"}}
{{ range first 1 .Data.Pages }}
<a href="{{.Permalink}}" data-tooltip="{{$section}}: {{.Title}}" class="tooltip prev-and-next-link next-page">
<a href="{{.Permalink}}" data-tooltip="{{.Title}}" class="tooltip prev-and-next-link next-page">
<div>
<span>Next <i class="fa fa-chevron-right"></i></span>
</div>
@@ -15,6 +15,7 @@ $hugo-pink:#C9177E;
$hugo-pink-light:#ff4088;
$hugo-blue:#0083C0;
$hugo-blue-light:#0594CB;
$hugo-blue-ultra-light:#D1F1FE;
$hugo-yellow:#FCD804;
$hugo-gold:#EBB951;
$hugo-gray:#737373;
@@ -62,14 +63,13 @@ $code-base-font-color:$hugo-pink-light;
$inline-code-text-color:$base-font-color;
$inline-code-background-color:lighten($hugo-gray-light,21%);
//Sidebar
//Sidebar & Breadcrumb
$site-navigation-width: 280px;
$content-max-width: 35em;
$site-navigation-bg-color:$hugo-gray-ultra-light;
$breadcrumb-navigation-bg-color:$site-navigation-bg-color;
$breadcrumb-navigation-bg-color-active:#D1F1FE;
// $breadcrumb-navigation-bg-color-active:$hugo-blue-light;
$breadcrumb-navigation-text-color-active:$base-font-color;
$breadcrumb-navigation-bg-color:$hugo-blue-ultra-light;
$breadcrumb-navigation-bg-color-active:$hugo-blue;
$breadcrumb-navigation-text-color-active:$hugo-white;
//Header
$site-header-height:50px;
@@ -27,15 +27,15 @@
&:nth-child(even) {
margin-left:-8px;
a {
background-color: $hugo-gray-ultra-light;
background-color: $breadcrumb-navigation-bg-color;
&:before {
border-color: $hugo-gray-ultra-light;
border-color: $breadcrumb-navigation-bg-color;
border-left-color: transparent;
height: 30px;
line-height: 30px;
}
&:after {
border-left-color: $hugo-gray-ultra-light;
border-left-color: $breadcrumb-navigation-bg-color;
}
}
}
@@ -63,7 +63,7 @@
content: "";
position: absolute;
top: 0;
border: 0 solid $hugo-gray-ultra-light;
border: 0 solid $breadcrumb-navigation-bg-color;
border-width: 15px 6.666px;
width: 0;
height: 0;
@@ -75,7 +75,7 @@
&:after {
left: 100%;
border-color: transparent;
border-left-color: $hugo-gray-ultra-light;
border-left-color: $breadcrumb-navigation-bg-color;
}
&:hover {
background-color: $breadcrumb-navigation-bg-color-active;
@@ -7,7 +7,6 @@
margin-bottom: 3em;
width:100%;
.prev-and-next-link {
// background-color: orange;
width: 100%;
display: inline-block;
text-align: center;
@@ -38,7 +37,6 @@
.last-modified {
color: $hugo-gray;
display: inline-block;
min-width: 200px;
width: 200px;
max-width: 200px;
font-size: .8em;
@@ -106,6 +106,7 @@ header.content-header {
}
.body-copy {
margin-top:1.5em;
margin-bottom: 2.5em;
display: block;
overflow: visible;
+1 -1
View File
@@ -25,7 +25,7 @@
@import 'components/site-search';
@import 'components/keyboard';
@import 'components/table-of-contents';
@import 'components/taxonomy-lists';
@import 'components/contents-list';
@import 'components/content-footer.scss';
@import 'components/blockquotes';
@import 'components/breadcrumb';
File diff suppressed because one or more lines are too long