mirror of
https://github.com/gohugoio/hugoDocs.git
synced 2025-09-19 15:25:18 -04:00
Revise style of content footer and blockquote
This commit is contained in:
Ryan Watters
parent
5851f4b6a1
commit
658b7fc098
@ -14,7 +14,7 @@ notes:
|
||||
|
||||
{{% note %}}
|
||||
Hugo v0.15 and later are released under the Apache 2.0 license.
|
||||
Earlier releases were under the Simple Public License.
|
||||
Earlier version of Hugo were released under the Simple Public License.
|
||||
{{% /note %}}
|
||||
|
||||
_Version 2.0, January 2004_ <br>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: "Overview"
|
||||
linktitle: "Overview"
|
||||
title: "Content Management: Overview"
|
||||
linktitle: "Content Management: Overview"
|
||||
description: Content organization, summaries, archetypes, front matter, and supported formats.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
|
||||
@ -17,9 +17,9 @@ notes:
|
||||
|
||||
Markdown is the natively supported content format for Hugo and is rendered using the excellent [BlackFriday project][], a markdown parser written in Golang.
|
||||
|
||||
{{% caution "Deeply Nested Lists" %}}
|
||||
Hugo uses [BlackFriday](https://github.com/russross/blackfriday), a markdown processor written in Go. A known issue [(#329)](https://github.com/russross/blackfriday/issues/329) in BlackFriday is the handling of deeply nested lists, but there is a workaround. If you write lists in markdown, be sure to include 4 spaces (i.e., <kbd>tab</kbd>) rather than 2 to delimit nesting of lists.
|
||||
{{% /caution %}}
|
||||
{{% note "Deeply Nested Lists" %}}
|
||||
Hugo uses [BlackFriday](https://github.com/russross/blackfriday), a markdown processor written in Golang. BlackFriday has a known issues [(#329)](https://github.com/russross/blackfriday/issues/329) with handling deeply nested lists, but there is a workaround. If you write lists in markdown, be sure to include 4 spaces (i.e., <kbd>tab</kbd>) rather than 2 to delimit nesting of lists.
|
||||
{{% /note %}}
|
||||
|
||||
## Additional Resources
|
||||
|
||||
|
||||
@ -5,11 +5,13 @@ description:
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
tags: [taxonomies,terms]
|
||||
tags: [taxonomies,metadata,front matter,terms]
|
||||
categories: [content]
|
||||
weight: 60
|
||||
draft: false
|
||||
slug:
|
||||
aliases: [/taxonomies/overview/,/taxonomies/usage/]
|
||||
notes:
|
||||
---
|
||||
---
|
||||
|
||||
## Configuring Taxonomies
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Using the Docs
|
||||
linktitle: Using the Docs
|
||||
title: "Getting Started: Using the Docs"
|
||||
linktitle: "Getting Started: Using the Docs"
|
||||
description: Quick start and guides for installing Hugo on your preferred operating system.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Overview
|
||||
linktitle:
|
||||
title: "Project Organization: New Sites"
|
||||
linktitle: "Project Organization: New Sites"
|
||||
description: Scaffolding new projects, configuration, and source organization.
|
||||
date: 2016-11-01
|
||||
publishdate: 2016-11-01
|
||||
|
||||
@ -22,21 +22,21 @@ followed by a `./config.json` file.
|
||||
|
||||
In this `config` file, you can include precise directions to Hugo regarding how it should render your website, control your website's menus, and arbitrarily define site-wide parameters specific to your project.
|
||||
|
||||
## Configuration in YAML
|
||||
## YAML Configuration
|
||||
|
||||
The following is a typical example of a YAML configuration file. Note the document opens with 3 hyphens and closes with 3 periods. The values nested under `params:` will populate the [`.Site.Params`][] variable for use in [templates][]:
|
||||
|
||||
{{% input "config.yml" %}}
|
||||
```yaml
|
||||
---
|
||||
baseURL: "http://yoursite.example.com/"
|
||||
title: "Yoyodyne Widget Blogging"
|
||||
baseURL: "https://yoursite.example.com/"
|
||||
title: "My Hugo Site"
|
||||
footnoteReturnLinkContents: "↩"
|
||||
permalinks:
|
||||
post: /:year/:month/:title/
|
||||
params:
|
||||
Subtitle: "Spinning the cogs in the widgets"
|
||||
AuthorName: "John Doe"
|
||||
Subtitle: "Hugo is Absurdly Fast!"
|
||||
AuthorName: "Jon Doe"
|
||||
GitHubUser: "spf13"
|
||||
ListOfFoo:
|
||||
- "foo1"
|
||||
@ -46,7 +46,7 @@ params:
|
||||
```
|
||||
{{% /input %}}
|
||||
|
||||
## Configuration in TOML
|
||||
## TOML Configuration
|
||||
|
||||
The following is an example of a TOML configuration file. The values under `[params]` will populate the `.Site.Params` variable for use in [templates][]:
|
||||
|
||||
@ -55,21 +55,22 @@ contentDir = "content"
|
||||
layoutDir = "layouts"
|
||||
publishDir = "public"
|
||||
buildDrafts = false
|
||||
baseURL = "http://yoursite.example.com/"
|
||||
baseURL = "https://yoursite.example.com/"
|
||||
canonifyURLs = true
|
||||
title = "My Hugo Site"
|
||||
|
||||
[taxonomies]
|
||||
category = "categories"
|
||||
tag = "tags"
|
||||
|
||||
[params]
|
||||
description = "Tesla's Awesome Hugo Site"
|
||||
author = "Nikola Tesla"
|
||||
subtitle = "Hugo is Absurdly Fast!"
|
||||
author = "John Doe"
|
||||
```
|
||||
|
||||
## All Configuration Variables, YAML
|
||||
## All Variables, YAML
|
||||
|
||||
The following is the full list of Hugo-defined variables in a example YAML file. The values provided in this example represent the default values used by Hugo if not otherwise specified.
|
||||
The following is the full list of Hugo-defined variables in an example YAML file. The values provided in this example represent the default values used by Hugo.
|
||||
|
||||
{{% input "config.yml" %}}
|
||||
```yaml
|
||||
@ -180,9 +181,9 @@ taxonomies:
|
||||
```
|
||||
{{% /input %}}
|
||||
|
||||
## All Configuration Variables, TOML
|
||||
## All Variables, TOML
|
||||
|
||||
The following is the full list of Hugo-defined variables in a example YAML file. The values provided in this example represent the default values used by Hugo if not otherwise specified.
|
||||
The following is the full list of Hugo-defined variables in an example TOML file. The values provided in this example represent the default values used by Hugo.
|
||||
|
||||
{{% input "config.toml" %}}
|
||||
```toml
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
---
|
||||
title: Overview
|
||||
linktitle: Overview
|
||||
title: "Overview: Template Types"
|
||||
linktitle: "Overview: Template Types"
|
||||
description: Golang templating, template types and lookup order, shortcodes, and data.
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
|
||||
@ -11,4 +11,6 @@ draft: false
|
||||
slug:
|
||||
aliases:
|
||||
notes:
|
||||
---
|
||||
---
|
||||
|
||||
> Without the fear of falling, there is no joy in flight. - [Ryan Watters](https://www.google.com)
|
||||
@ -6,7 +6,7 @@ date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
weight:
|
||||
tags: []
|
||||
tags: [amber,layout]
|
||||
draft: false
|
||||
slug:
|
||||
aliases:
|
||||
|
||||
@ -9,7 +9,7 @@ weight:
|
||||
tags: [lists,sections]
|
||||
draft: false
|
||||
slug:
|
||||
aliases:[/templates/list/]
|
||||
aliases: [/templates/list/]
|
||||
notes:
|
||||
---
|
||||
|
||||
|
||||
@ -6,9 +6,12 @@ date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
weight:
|
||||
tags: [taxonomies]
|
||||
categories: []
|
||||
tags: [taxonomies,metadata,front matter,terms]
|
||||
draft: false
|
||||
slug:
|
||||
aliases: []
|
||||
notes:
|
||||
---
|
||||
---
|
||||
|
||||
## Configuring Taxonomies
|
||||
@ -1,14 +0,0 @@
|
||||
---
|
||||
title: Template Types and Kinds
|
||||
linktitle: Template Types and Kinds
|
||||
description:
|
||||
date: 2017-02-01
|
||||
publishdate: 2017-02-01
|
||||
lastmod: 2017-02-01
|
||||
weight:
|
||||
tags: []
|
||||
draft: false
|
||||
slug:
|
||||
aliases:
|
||||
notes:
|
||||
---
|
||||
BIN
dev-and-design-resources/hugo-home.afdesign
Normal file
BIN
dev-and-design-resources/hugo-home.afdesign
Normal file
Binary file not shown.
@ -2,21 +2,15 @@
|
||||
{{$title := .Title}}
|
||||
<main class="main">
|
||||
<header class="content-header">
|
||||
{{partial "breadcrumb.html" . }}
|
||||
<h1 class="page-title"><img src="{{.Site.BaseURL}}images/{{.Section}}.svg" alt="Icon for the {{.Section}} section.">{{with .LinkTitle}}{{ . |markdownify}}{{else}}{{ .Title | markdownify }}{{end}}</h1>
|
||||
{{partial "content-header-links.html" . }}
|
||||
{{with .Params.tags}}
|
||||
<ul class="tags">
|
||||
<li><i class="icon-tags"></i></li>
|
||||
{{range .}}
|
||||
<li><a class="tag" href="/tags/{{.|urlize}}">{{.}}</a></li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{end}}
|
||||
<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
|
||||
{{partial "tags.html" . }}
|
||||
</header>
|
||||
<div class="body-copy">
|
||||
{{.Content}}
|
||||
</div>
|
||||
{{partial "previous-and-next-links.html" . }}
|
||||
{{partial "content-footer.html" . }}
|
||||
{{partial "table-of-contents.html" . }}
|
||||
</main>
|
||||
{{ end }}
|
||||
@ -3,28 +3,15 @@
|
||||
<span id="page-top"></span>
|
||||
<main class="main">
|
||||
<header class="content-header">
|
||||
<div class="content-section-image-wrapper">
|
||||
<a href="{{.Site.BaseURL}}{{.Section | urlize}}">
|
||||
<img src="{{.Site.BaseURL}}images/{{.Section | urlize}}.svg" alt="">
|
||||
<span>{{replace (replace .Section "-" " " | title) "And" "and"}}</span>
|
||||
</a>
|
||||
</div>
|
||||
{{partial "breadcrumb.html" . }}
|
||||
<h1 class="page-title {{.Section}}">{{ .Title | markdownify }}</h1>
|
||||
{{partial "content-header-links.html" . }}
|
||||
{{with .Params.tags}}
|
||||
<ul class="tags">
|
||||
<li><i class="icon-tags"></i></li>
|
||||
{{range .}}
|
||||
<li><a class="tag" href="/tags/{{.|urlize}}">{{.}}</a></li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{end}}
|
||||
<span class="last-modified">Last Updated: {{with .Lastmod}}{{.Format "January 2, 2006"}}{{else}}{{.PublishDate.Format "January 2, 2006"}}{{end}}</span>
|
||||
{{partial "tags.html" . }}
|
||||
</header>
|
||||
<div class="body-copy">
|
||||
{{.Content}}
|
||||
</div>
|
||||
{{partial "previous-and-next-links.html" . }}
|
||||
{{partial "content-footer.html" . }}
|
||||
{{partial "table-of-contents.html" . }}
|
||||
</main>
|
||||
{{ end }}
|
||||
@ -1,7 +1,7 @@
|
||||
{{ define "main" }}
|
||||
<main class="main">
|
||||
<header class="content-header">
|
||||
<h1 class="page-title"><a href="{{.Site.BaseURL}}{{.Data.Plural}}"><i class="icon-{{.Data.Plural}}"></i>{{.Data.Plural}}:</a> {{ .Title }}</h1>
|
||||
<h1 class="page-title"><a href="{{.Site.BaseURL}}{{.Data.Plural}}"><i class="icon-{{.Data.Plural}}"></i>{{.Data.Plural}}:</a> {{ .Title }}</h1>
|
||||
</header>
|
||||
<div class="body-copy taxonomies">
|
||||
{{range .Data.Pages}}
|
||||
|
||||
18
themes/hugodocs/layouts/partials/breadcrumb.html
Normal file
18
themes/hugodocs/layouts/partials/breadcrumb.html
Normal file
@ -0,0 +1,18 @@
|
||||
<nav class="breadcrumb">
|
||||
<ul class="breadcrumbs">
|
||||
<li>
|
||||
<a class="crumb" href="{{.Site.BaseURL}}">
|
||||
<img src="{{.Site.BaseURL}}images/hugo-home.svg" alt="">
|
||||
<span>Home</span>
|
||||
</a>
|
||||
</li>
|
||||
{{if ne .Kind "section"}}
|
||||
<li>
|
||||
<a class="crumb" href="{{.Site.BaseURL}}{{.Section | urlize}}">
|
||||
<img src="{{.Site.BaseURL}}images/{{.Section | urlize}}.svg" alt="">
|
||||
<span>{{replace (replace .Section "-" " " | title) "And" "and"}}</span>
|
||||
</a>
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</nav>
|
||||
34
themes/hugodocs/layouts/partials/content-footer.html
Normal file
34
themes/hugodocs/layouts/partials/content-footer.html
Normal file
@ -0,0 +1,34 @@
|
||||
<footer id="content-footer">
|
||||
{{ if .NextInSection }}
|
||||
<a href="{{.NextInSection.Permalink}}" data-tooltip="{{.Section}}: {{.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">
|
||||
<div>
|
||||
<span><i class="fa fa-chevron-left"></i> Previous</span>
|
||||
</div>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ 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">
|
||||
<div>
|
||||
<span>Next <i class="fa fa-chevron-right"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
{{ 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">
|
||||
<div>
|
||||
<span>Next <i class="fa fa-chevron-right"></i></span>
|
||||
</div>
|
||||
</a>
|
||||
{{end}}
|
||||
{{end}}
|
||||
</footer>
|
||||
@ -1,2 +1,4 @@
|
||||
<link rel="stylesheet" href="/css/style.min.css">
|
||||
<!-- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> -->
|
||||
{{if .Site.Params.usefontawesome}}
|
||||
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
|
||||
{{end}}
|
||||
@ -1,35 +0,0 @@
|
||||
{{ if .NextInSection }}
|
||||
<a role="button" href="{{.NextInSection.Permalink}}" class="prev-and-next-link prev-page">
|
||||
<div>
|
||||
<span>Previous</span>
|
||||
<h4 class="{{.Section}}">{{.NextInSection.Title}}</h4>
|
||||
</div>
|
||||
</a>
|
||||
{{ else if eq .Kind "page" }}
|
||||
{{ with .Site.GetPage "section" .Section }}
|
||||
<a role="button" href="{{.Permalink}}" class="prev-and-next-link prev-page">
|
||||
<div>
|
||||
<span>Previous</span>
|
||||
<h4>{{ .Title }}</h4>
|
||||
</div>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ with .PrevInSection }}
|
||||
<a role="button" href="{{.Permalink}}" class="prev-and-next-link next-page">
|
||||
<div>
|
||||
<span>Next</span>
|
||||
<h4 class="{{.Section}}">{{.Title}}</h4>
|
||||
</div>
|
||||
</a>
|
||||
{{ end }}
|
||||
{{if eq .Kind "section"}}
|
||||
{{ range first 1 .Data.Pages }}
|
||||
<a role="button" href="{{.Permalink}}" class="prev-and-next-link next-page">
|
||||
<div>
|
||||
<span>Next</span>
|
||||
<h4 class="{{.Section}}">{{.Title}}</h4>
|
||||
</div>
|
||||
</a>
|
||||
{{end}}
|
||||
{{end}}
|
||||
8
themes/hugodocs/layouts/partials/tags.html
Normal file
8
themes/hugodocs/layouts/partials/tags.html
Normal file
@ -0,0 +1,8 @@
|
||||
{{with .Params.tags}}
|
||||
<ul class="tags">
|
||||
<li class="icon"><i class="icon-tags"></i></li>
|
||||
{{range .}}
|
||||
<li><a class="tag" href="/tags/{{.|urlize}}">{{.}}</a></li>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{end}}
|
||||
@ -0,0 +1,19 @@
|
||||
(function() {
|
||||
//assign all blockquote content to an html collection/variable
|
||||
var blockQuotes = document.querySelectorAll('blockquote > p');
|
||||
//create new regex test for ' - ' (with one whitespace on each side so as not to accidentally grab hyphenated words as well)
|
||||
var hyphenTest = new RegExp(/\s\-\s/);
|
||||
//iterate through all html blocks within the blockquotes html collection
|
||||
for (var i = 0; i < blockQuotes.length; i++) {
|
||||
//check for ' - ' in the blockquote's text content
|
||||
if (hyphenTest.test(blockQuotes[i].textContent)) {
|
||||
//if true, split existing inner HTML into two-part array
|
||||
//newQuoteContent === text leading up to hyphen
|
||||
var newQuoteContent = blockQuotes[i].innerHTML.split(' - ')[0];
|
||||
//newAuthorAttr === text after hyphen
|
||||
var newAuthorAttr = blockQuotes[i].innerHTML.split(' - ')[1];
|
||||
//fill blockquote paragraph with new content, but now with a <cite> wrapper around the author callout and the appropriate quotation dash.
|
||||
blockQuotes[i].innerHTML = newQuoteContent + '<cite class="blockquote-citation">― ' + newAuthorAttr + '</cite>';
|
||||
}
|
||||
}
|
||||
})();
|
||||
@ -20,12 +20,9 @@ $hugo-gold:#EBB951;
|
||||
$hugo-gray:#737373;
|
||||
$hugo-gray-dark:darken($hugo-gray,10%);
|
||||
$hugo-gray-light:lighten($hugo-gray,30%);
|
||||
$hugo-gray-ultra-light:lighten($hugo-gray-light,23%);
|
||||
$hugo-green:#00A88A;
|
||||
$hugo-green-light:#33BA91;
|
||||
$default-anchor-color:$hugo-pink;
|
||||
$default-anchor-weight: 500;
|
||||
$active-color: $default-anchor-color;
|
||||
|
||||
|
||||
//Document Body
|
||||
$body-bg-color:$hugo-white;
|
||||
@ -41,6 +38,12 @@ $base-font-bold-weight: 700;
|
||||
$heading-font-weight: 700;
|
||||
$systemfonts: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbols";
|
||||
|
||||
//Anchors (in body copy)
|
||||
$default-anchor-color:$base-font-color;
|
||||
$default-anchor-underline-color:$hugo-pink;
|
||||
$default-anchor-weight: $base-font-weight;
|
||||
$active-color: $default-anchor-color;
|
||||
|
||||
//Buttons
|
||||
$base-button-color: $hugo-blue;
|
||||
$base-button-text-color: $hugo-white;
|
||||
@ -62,6 +65,9 @@ $inline-code-background-color:lighten($hugo-gray-light,21%);
|
||||
//Sidebar
|
||||
$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:$hugo-pink-light;
|
||||
|
||||
//Header
|
||||
$site-header-height:50px;
|
||||
@ -69,6 +75,9 @@ $site-header-height:50px;
|
||||
//Toc
|
||||
$toc-bg-color:$body-bg-color;
|
||||
|
||||
//Tags
|
||||
$tag-bg-color:$hugo-gray-ultra-light;
|
||||
|
||||
//Brand Colors:
|
||||
$html: #E44D26;
|
||||
$css: #1758A7;
|
||||
|
||||
@ -11,13 +11,12 @@ h4 {
|
||||
}
|
||||
|
||||
h1.page-title {
|
||||
font-size: 2em;
|
||||
font-size: 1.8em;
|
||||
letter-spacing: -.021em;
|
||||
padding-bottom: .75em;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
@include MQ(M) {
|
||||
font-size: 2.25em;
|
||||
padding-top: 0px;
|
||||
}
|
||||
img {
|
||||
@ -37,11 +36,11 @@ h3 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 1.5em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
h4 {
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
a {
|
||||
color: $default-anchor-color;
|
||||
color: $default-anchor-underline-color;
|
||||
font-weight: $default-anchor-weight;
|
||||
@include on-event($self: true) {
|
||||
text-decoration: none;
|
||||
@ -7,15 +7,6 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
.body-copy {
|
||||
a:not(.heading-link) {
|
||||
color: $default-anchor-color;
|
||||
// color:$base-font-color;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid $default-anchor-color;
|
||||
}
|
||||
}
|
||||
|
||||
//tooltips
|
||||
a.tooltip {
|
||||
position: relative;
|
||||
@ -76,47 +67,47 @@ a.heading-link {
|
||||
display: none;
|
||||
}
|
||||
&:hover {
|
||||
color: $default-anchor-color;
|
||||
color: $default-anchor-underline-color;
|
||||
}
|
||||
}
|
||||
|
||||
// .body-copy {
|
||||
// a {
|
||||
// text-decoration: none;
|
||||
// color: $default-anchor-color;
|
||||
// display: inline-block;
|
||||
// outline: none;
|
||||
// position: relative;
|
||||
// transition: color 0.3s ease;
|
||||
// perspective: 1800px;
|
||||
// &:hover {
|
||||
// color: $hugo-white;
|
||||
// }
|
||||
// &::before,
|
||||
// &::after {
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: -2px;
|
||||
// padding: 0 2px;
|
||||
// z-index: -1;
|
||||
// box-sizing: content-box;
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// content: '';
|
||||
// }
|
||||
// &::before {
|
||||
// background-color: $default-anchor-color;
|
||||
// transition: transform 0.2s;
|
||||
// transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
|
||||
// transform: rotateX(90deg);
|
||||
// transform-origin: 50% 100%;
|
||||
// }
|
||||
// &:hover::before,
|
||||
// &:focus::before {
|
||||
// transform: rotateX(0);
|
||||
// }
|
||||
// &::after {
|
||||
// border-bottom: 1px solid $default-anchor-color;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
.body-copy {
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $default-anchor-color;
|
||||
display: inline-block;
|
||||
outline: none;
|
||||
position: relative;
|
||||
transition: color 0.3s ease;
|
||||
perspective: 1800px;
|
||||
&:hover {
|
||||
color: $hugo-white;
|
||||
}
|
||||
&::before,
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -2px;
|
||||
padding: 0 2px;
|
||||
z-index: -1;
|
||||
box-sizing: content-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
}
|
||||
&::before {
|
||||
background-color: $default-anchor-underline-color;
|
||||
transition: transform 0.2s;
|
||||
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
|
||||
transform: rotateX(90deg);
|
||||
transform-origin: 50% 100%;
|
||||
}
|
||||
&:hover::before,
|
||||
&:focus::before {
|
||||
transform: rotateX(0);
|
||||
}
|
||||
&::after {
|
||||
border-bottom: 1px solid $default-anchor-underline-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,7 +1,41 @@
|
||||
.body-copy {
|
||||
blockquote {
|
||||
p {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
blockquote {
|
||||
position: relative;
|
||||
display:block;
|
||||
margin:0px;
|
||||
// border-left:2px solid $base-font-color;
|
||||
font-style: italic;
|
||||
background-color: $hugo-gray-ultra-light;
|
||||
padding: 16px;
|
||||
// padding-top:16px;
|
||||
// padding-bottom:16px;
|
||||
p {
|
||||
margin-bottom:0px;
|
||||
margin-top:16px;
|
||||
}
|
||||
p:first-child {
|
||||
margin-top:8px;
|
||||
}
|
||||
&:before {
|
||||
font-family: 'fontello';
|
||||
display: block;
|
||||
@include size(1em);
|
||||
position: absolute;
|
||||
content: '\e809';
|
||||
color:$hugo-gray-light;
|
||||
top: -3px;
|
||||
left: 4px;
|
||||
font-size: 1.2em;
|
||||
// background-color: $body-bg-color;
|
||||
font-style: normal;
|
||||
}
|
||||
cite.blockquote-citation {
|
||||
position: absolute;
|
||||
bottom: .3em;
|
||||
right: .3em;
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
91
themes/hugodocs/pipeline/scss/components/_breadcrumb.scss
Normal file
91
themes/hugodocs/pipeline/scss/components/_breadcrumb.scss
Normal file
@ -0,0 +1,91 @@
|
||||
.breadcrumbs {
|
||||
list-style: none;
|
||||
display: inline-block;
|
||||
li {
|
||||
float: left;
|
||||
a {
|
||||
color: $base-font-color;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background: $breadcrumb-navigation-bg-color;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 10px 0 5px;
|
||||
text-align: center;
|
||||
margin-right: 23px;
|
||||
font-size: 14px;
|
||||
img {
|
||||
@include size(20px);
|
||||
}
|
||||
span {
|
||||
margin-left:4px;
|
||||
}
|
||||
}
|
||||
&:nth-child(even) {
|
||||
margin-left:-8px;
|
||||
a {
|
||||
background-color: $hugo-gray-ultra-light;
|
||||
&:before {
|
||||
border-color: $hugo-gray-ultra-light;
|
||||
border-left-color: transparent;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
&:after {
|
||||
border-left-color: $hugo-gray-ultra-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:first-child {
|
||||
a {
|
||||
padding-left: 10px;
|
||||
@include border-radius(4px 0 0 4px);
|
||||
&:before {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:last-child {
|
||||
a {
|
||||
padding-right: 15px;
|
||||
@include border-radius(0 4px 4px 0);
|
||||
&:after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
&:before,
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border: 0 solid $hugo-gray-ultra-light;
|
||||
border-width: 15px 6.666px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
&:before {
|
||||
left: -12px;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
&:after {
|
||||
left: 100%;
|
||||
border-color: transparent;
|
||||
border-left-color: $hugo-gray-ultra-light;
|
||||
}
|
||||
&:hover,&:active {
|
||||
background-color: $breadcrumb-navigation-bg-color-active;
|
||||
&:before {
|
||||
border-color: $breadcrumb-navigation-bg-color-active;
|
||||
border-left-color: transparent;
|
||||
}
|
||||
&:after {
|
||||
border-left-color: $breadcrumb-navigation-bg-color-active;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,45 @@
|
||||
#content-footer {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
vertical-align: middle;
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:flex-start;
|
||||
border-top:2px solid $base-font-color;
|
||||
margin-bottom:3em;
|
||||
.prev-and-next-link {
|
||||
// background-color: orange;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-bottom: 1em;
|
||||
span {
|
||||
display: block;
|
||||
font-size: .8em;
|
||||
}
|
||||
@include MQ(M) {
|
||||
max-width: calc(48% - 100px);
|
||||
margin-bottom: 1.5em;
|
||||
&.next-page {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
&.prev-page {
|
||||
text-align:left;
|
||||
}
|
||||
&.next-page {
|
||||
text-align:right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.last-modified {
|
||||
color: $hugo-gray;
|
||||
display: inline-block;
|
||||
min-width: 200px;
|
||||
width: 200px;
|
||||
max-width: 200px;
|
||||
font-size: .8em;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
@ -6,12 +6,10 @@
|
||||
width: 100%;
|
||||
border-left-width: 2px;
|
||||
border-left-style: solid;
|
||||
border-left-color: lighten($base-font-color,20%);
|
||||
// border-bottom-width: 2px;
|
||||
// border-bottom-style: solid;
|
||||
border-left-color: lighten($base-font-color, 20%);
|
||||
position: relative;
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
padding-top: 4px;
|
||||
padding-bottom: 4px;
|
||||
&:before {
|
||||
font-family: 'fontello';
|
||||
display: block;
|
||||
@ -23,32 +21,32 @@
|
||||
}
|
||||
h2 {
|
||||
font-size: 1.1em;
|
||||
color: lighten($base-font-color,20%);
|
||||
color: lighten($base-font-color, 20%);
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
margin-left: 0px;
|
||||
padding:0px 12px;
|
||||
padding: 0px 12px;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom-style: solid;
|
||||
display:inline-block;
|
||||
width:auto;
|
||||
z-index:20;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
z-index: 20;
|
||||
code,
|
||||
pre {
|
||||
color: lighten($base-font-color,20%);
|
||||
color: lighten($base-font-color, 20%);
|
||||
}
|
||||
}
|
||||
.shortcode-content {
|
||||
display: block;
|
||||
margin: 0px;
|
||||
font-size: .9em;
|
||||
padding:8px 0px 8px;
|
||||
font-size: 1em;
|
||||
padding: 8px 0px 8px;
|
||||
margin-left: 12px;
|
||||
color: lighten($base-font-color,20%);
|
||||
color: lighten($base-font-color, 20%);
|
||||
p:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -63,13 +61,7 @@
|
||||
}
|
||||
h2 {
|
||||
border-bottom-color: $hugo-blue;
|
||||
color:$hugo-blue;
|
||||
}
|
||||
.shortcode-content {
|
||||
a {
|
||||
// color:$hugo-blue;
|
||||
// border-bottom-color:
|
||||
}
|
||||
color: $hugo-blue;
|
||||
}
|
||||
}
|
||||
|
||||
@ -83,12 +75,6 @@
|
||||
border-bottom-color: $hugo-gold;
|
||||
color: $hugo-gold;
|
||||
}
|
||||
.shortcode-content {
|
||||
a {
|
||||
// color: $hugo-gold;
|
||||
// border-bottom-color:
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.warning {
|
||||
@ -99,16 +85,10 @@
|
||||
}
|
||||
h2 {
|
||||
border-bottom-color: $hugo-pink;
|
||||
color:$hugo-pink;
|
||||
pre,code {
|
||||
color:$hugo-pink;
|
||||
}
|
||||
}
|
||||
.shortcode-content {
|
||||
a {
|
||||
// color:$hugo-pink;
|
||||
// border-bottom-color:
|
||||
|
||||
color: $hugo-pink;
|
||||
pre,
|
||||
code {
|
||||
color: $hugo-pink;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,25 +0,0 @@
|
||||
.prev-and-next-link {
|
||||
color: $hugo-white;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
margin-bottom:1em;
|
||||
// background-color: $hugo-blue-light;
|
||||
span {
|
||||
display: block;
|
||||
font-size: .8em;
|
||||
}
|
||||
h4 {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
text-transform: none;
|
||||
color:$hugo-white;
|
||||
}
|
||||
@include MQ(M) {
|
||||
max-width: 48%;
|
||||
margin-bottom:1.5em;
|
||||
&.next-page {
|
||||
float:right;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,62 +1,75 @@
|
||||
ul.tags {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin-top:-1em;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
float: left;
|
||||
&:first-child {
|
||||
margin-right:.5em;
|
||||
margin-bottom: 1em;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
li {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-left: 4px;
|
||||
display: flex;
|
||||
&:not(.icon) {
|
||||
@include card(1, 3);
|
||||
}
|
||||
a {
|
||||
line-height: 20px;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
font-size: 14px;
|
||||
color: $base-font-color;
|
||||
padding-left: .3em;
|
||||
padding-right: .3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tag {
|
||||
background: #eee;
|
||||
border-radius: 3px 0 0 3px;
|
||||
color: #999;
|
||||
display: inline-block;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding: 0 20px 0 23px;
|
||||
position: relative;
|
||||
margin: 0 10px 10px 0;
|
||||
text-decoration: none;
|
||||
font-size:.7em;
|
||||
-webkit-transition: color 0.2s;
|
||||
}
|
||||
|
||||
.tag::before {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
|
||||
content: '';
|
||||
height: 6px;
|
||||
left: 10px;
|
||||
position: absolute;
|
||||
width: 6px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.tag::after {
|
||||
background: #fff;
|
||||
border-bottom: 13px solid transparent;
|
||||
border-left: 10px solid #eee;
|
||||
border-top: 13px solid transparent;
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.tag:hover {
|
||||
background-color: $hugo-pink;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.tag:hover::after {
|
||||
border-left-color: $hugo-pink;
|
||||
}
|
||||
// .tags li {
|
||||
// float: left;
|
||||
// &:first-child {
|
||||
// margin-right:.5em;
|
||||
// }
|
||||
// }
|
||||
// .tag {
|
||||
// background: $tag-bg-color;
|
||||
// border-radius: 3px 0 0 3px;
|
||||
// color: $base-font-color;
|
||||
// display: inline-block;
|
||||
// height: 26px;
|
||||
// line-height: 26px;
|
||||
// padding: 0 20px 0 23px;
|
||||
// position: relative;
|
||||
// margin: 0 10px 10px 0;
|
||||
// text-decoration: none;
|
||||
// font-size:.7em;
|
||||
// -webkit-transition: color 0.2s;
|
||||
// }
|
||||
// .tag::before {
|
||||
// background: #fff;
|
||||
// border-radius: 10px;
|
||||
// box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
|
||||
// content: '';
|
||||
// height: 6px;
|
||||
// left: 10px;
|
||||
// position: absolute;
|
||||
// width: 6px;
|
||||
// top: 10px;
|
||||
// }
|
||||
// .tag::after {
|
||||
// background: #fff;
|
||||
// border-bottom: 13px solid transparent;
|
||||
// border-left: 10px solid $tag-bg-color;
|
||||
// border-top: 13px solid transparent;
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: 0;
|
||||
// }
|
||||
// .tag:hover {
|
||||
// background-color: $hugo-pink;
|
||||
// color: white;
|
||||
// }
|
||||
// .tag:hover::after {
|
||||
// border-left-color: $hugo-pink;
|
||||
// }
|
||||
|
||||
@ -113,13 +113,3 @@ header.content-header {
|
||||
margin-top: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.last-modified {
|
||||
color: $hugo-gray;
|
||||
display: block;
|
||||
margin-top: -10px;
|
||||
width: 100%;
|
||||
font-size: .8em;
|
||||
margin-bottom: 20px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
@ -6,7 +6,7 @@
|
||||
width: $site-navigation-width;
|
||||
bottom: 0px;
|
||||
overflow-y: scroll;
|
||||
background-color: darken(#ffffff, 1%);
|
||||
background-color: $site-navigation-bg-color;
|
||||
transform:translateX(-#{$site-navigation-width});
|
||||
padding: 1em;
|
||||
z-index: 9;
|
||||
@ -28,6 +28,9 @@
|
||||
a {
|
||||
color: $base-font-color;
|
||||
font-weight: $base-font-weight;
|
||||
&:hover {
|
||||
color:$hugo-pink;
|
||||
}
|
||||
}
|
||||
li {
|
||||
padding-left: 1em;
|
||||
@ -56,7 +59,7 @@
|
||||
a.submenu-item-link {
|
||||
font-size: 14px;
|
||||
&:hover {
|
||||
color: lighten($base-font-color, 25%);
|
||||
color: $hugo-blue;
|
||||
}
|
||||
&.active-page {
|
||||
font-weight: 700;
|
||||
|
||||
@ -26,8 +26,9 @@
|
||||
@import 'components/keyboard';
|
||||
@import 'components/table-of-contents';
|
||||
@import 'components/taxonomy-lists';
|
||||
@import 'components/prev-and-next-links.scss';
|
||||
@import 'components/content-footer.scss';
|
||||
@import 'components/blockquotes';
|
||||
@import 'components/breadcrumb';
|
||||
|
||||
//major layout parts/chrome
|
||||
@import 'layout/site-header';
|
||||
|
||||
2
themes/hugodocs/static/css/style.min.css
vendored
2
themes/hugodocs/static/css/style.min.css
vendored
File diff suppressed because one or more lines are too long
11
themes/hugodocs/static/images/hugo-home.svg
Normal file
11
themes/hugodocs/static/images/hugo-home.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||
<g transform="matrix(1.90897,0,0,1.90897,-27.8648,-56.0002)">
|
||||
<path d="M119.631,36.154L203.822,85.066L203.822,181.395L119.631,229.184L35.578,181.395L35.578,85.066L119.631,36.154Z" style="fill:rgb(255,64,136);"/>
|
||||
<path d="M207.664,81.239L209.061,83.666L209.061,182.809L207.638,185.253L121.013,234.423L118.245,234.422L31.761,185.251L30.34,182.808L30.34,83.667L31.735,81.242L118.217,30.916L121.041,30.915L207.664,81.239ZM40.817,88.078L40.817,178.348L119.633,223.159L198.584,178.345L198.584,88.081L119.633,42.214L40.817,88.078Z" style="fill:rgb(201,23,126);"/>
|
||||
</g>
|
||||
<g transform="matrix(1.78981,0,0,2.02809,-42.2616,88.7603)">
|
||||
<path d="M179.238,106.552L154.758,106.552L154.758,62.2L112.134,62.2L112.134,106.552L87.654,106.552L87.654,1.648L112.134,1.648L112.134,45.496L154.758,45.496L154.758,1.648L179.238,1.648L179.238,106.552Z" style="fill:white;fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
4
themes/hugodocs/static/js/script.min.js
vendored
4
themes/hugodocs/static/js/script.min.js
vendored
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user