blogs/hugo
1
0
Fork 0
mirror of https://github.com/gohugoio/hugo.git synced 2026-08-25 07:48:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styles for code blocks

Browse Source
This commit is contained in:
Ryan Watters
2017-02-09 00:07:31 -06:00
parent f9016d4023
commit 2e677d5a7a
25 changed files with 770 additions and 347 deletions
Download Patch File Download Diff File Expand all files Collapse all files
content/about-hugo/roadmap.md
+5 -5
View File
@@ -2,9 +2,9 @@
title: Roadmap
linktitle:
description: Information on the Hugo license.
date: 2016-11-01
publishdate: 2016-11-01
lastmod: 2016-11-01
date: 2017-02-01
publishdate: 2017-02-01
lastmod: 2017-02-01
tags: []
weight: 40
draft: false
@@ -24,8 +24,8 @@ In no particular order, here is what is currently being worked on for the Hugo p
* Native support for additional content formats (AsciiDoc [#1435][], reST [#1436][])
* And, last but not least, *your* best ideas!
{{% note title="Contributions Welcome" %}}
Feel free to [contribute](/tutorials/how-to-contribute-to-hugo/) or open a new issue if you have an idea for a new feature.
{{% note "Contributions Welcome" %}}
Feel free to [contribute](/contribute-to-hugo/) or open a new issue if you have an idea for a new feature.
{{% /note %}}
[#98]: https://github.com/spf13/hugo/issues/98
content/about-hugo/sample-styles-temporary.md
+85 -56
View File
@@ -12,6 +12,90 @@ aliases:
notes:
---
## Code Block Shortcodes
### Code Input Shortcode
{{% input "my-first-template.html" %}}
```go
<ul>
{{range $.Site.Pages}}
<li>{{.Title}}</li>
{{end}}
</ul>
```
{{% /input %}}
{{% input "first-script.js" %}}
```js
function myFunction(arg){
console.log(arg);
}
```
{{% /input %}}
{{% input "config.yml" %}}
```yaml
---
archetypeDir: "archetypes"
# hostname (and path) to the root, e.g. http://spf13.com/
baseURL: ""
# include content marked as draft
buildDrafts: false
# include content with publishdate in the future
buildFuture: false
# include content already expired
buildExpired: false
# enable this to make all relative URLs relative to content root. Note that this does not affect absolute URLs.
relativeURLs: false
canonifyURLs: false
...
```
{{% /input %}}
### Code Output Shortcode
{{% output "/posts/index.html" %}}
```html
<ul>
<li>My First Post</li>
<li>My Second Post</li>
<li>My Third Post</li>
</ul>
```
{{% /output %}}
{{% output "/first-data.json" %}}
```json
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S"
}
}
}
```
{{% /output %}}
{{% output "/script.js" %}}
```javascript
$('my-div').on('click',function(evt){
evt.preventDefault();
console.log('Hello world!');
});
```
{{% /output %}}
### Markdown Code Block without Shortcode
```javascript
function myFunction(val){
console.log(val);
}
```
Here is some body copy. Here is a bit of `inline code`. Here is a [link to Google](https://www.google.com). Here is some *emphasized and italics text*. Here is some **emphasized and bold text**.
## Lists
@@ -44,59 +128,4 @@ Here is *something in italic* in a shortcode. Here is **something in bold**.
{{% warning "Warning Shortcode" %}}
Here is *something in italic* in a shortcode. Here is **something in bold**.
{{% /warning %}}
## Code Block Shortcodes
### Code Input Shortcode
{{% input "my-first-template.html" %}}
```go
<ul>
{{range $.Site.Pages}}
<li>{{.Title}}</li>
{{end}}
</ul>
```
{{% /input %}}
{{% input "first-script.js" %}}
```js
function myFunction(arg){
console.log(arg);
}
```
{{% /input %}}
### Code Output Shortcode
{{% output "/posts/index.html" %}}
```go
<ul>
<li>My First Post</li>
<li>My Second Post</li>
<li>My Third Post</li>
</ul>
```
{{% /output %}}
{{% output "/first-data.json" %}}
```json
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S"
}
}
}
```
{{% /output %}}
### Markdown Code Block without Shortcode
```javascript
function myFunction(val){
console.log(val);
}
```
{{% /warning %}}
content/contribute-to-hugo/_index.md
+1 -1
View File
@@ -11,6 +11,6 @@ authorprofileurl:
weight:
draft: false
slug:
aliases:
aliases: [/tutorials/how-to-contribute-to-hugo/]
notes:
---
content/project-organization/_index.md
+5 -1
View File
@@ -1,5 +1,5 @@
---
title: New Project Scaffolding
title: New Project Scaffolding and Directory Structure
linktitle:
description: Scaffolding new projects, configuration, and source organization.
date: 2016-11-01
@@ -14,3 +14,7 @@ aliases:
notes:
---
## New Projects
## Hugo Directory Structure
content/project-organization/configuration.md
+9 -4
View File
@@ -127,6 +127,8 @@ enableRobotsTXT: false
disable404: false
# Do not inject generator meta tag on homepage
disableHugoGeneratorInject: false
# Do not make the url/path to lowercase
disablePathToLower: false
# edit new content with this editor, if provided
editor: ""
# Enable Emoji emoticons support for page content.
@@ -138,6 +140,8 @@ footnoteAnchorPrefix: ""
footnoteReturnLinkContents: ""
# google analytics tracking id
googleAnalytics: ""
# if true, auto-detect Chinese/Japanese/Korean Languages in the content. (.Summary and .WordCount can work properly in CJKLanguage)
hasCJKLanguage: false
languageCode: ""
layoutDir: "layouts"
# Enable Logging
@@ -179,10 +183,6 @@ theme: ""
title: ""
# if true, use /filename.html instead of /filename/
uglyURLs: false
# Do not make the url/path to lowercase
disablePathToLower: false
# if true, auto-detect Chinese/Japanese/Korean Languages in the content. (.Summary and .WordCount can work properly in CJKLanguage)
hasCJKLanguage: false
# verbose output
verbose: false
# verbose logging
@@ -203,6 +203,11 @@ ignoreFiles = [ "\\.foo$", "\\.boo$" ]
```
The above is a list of regular expressions. Note that the backslash (`\`) character is escaped in this example to keep TOML happy.
## See Also
* [TOML Spec][]
[`.Site.Params`]: /variables-and-params/
[templates]: /templates
[TOML Spec]: https://github.com/toml-lang/toml
[directory structure]: /project-organization/directory-structure
content/templates/list-page-template.md
+3 -1
View File
@@ -11,4 +11,6 @@ draft: false
slug:
aliases:
notes:
---
---
## List Page Lookup Order
themes/hugodocs/layouts/_default/baseof.html
+1 -1
View File
@@ -3,7 +3,7 @@
{{- partial "site-head.html" . -}}
<body>
{{- partial "site-header.html" . -}}
<div class="all-content-wrapper" id="all-content-wrapper">
<div class="all-content-wrapper{{if .IsHome}} home{{end}}" id="all-content-wrapper">
{{ block "main" . }}
{{ end}}
</div>
themes/hugodocs/layouts/_default/single.html
+1 -1
View File
@@ -7,7 +7,7 @@
<a target="_blank" class="edit-link" href="{{.Site.Params.ghdocsrepo}}edit/master/content/{{.File.Path}}"><span class="edit">Edit Page</span><i class="icon-pencil" aria-hidden="true"></i></a>
{{- if .Params.godocref -}}
<a target="_blank" class="godoc-link" href="{{.Params.godocref}}" title="See the corresponding Golang Documentation for {{$title}}."><span class="godocs">GoDocs</span>
{{ partial "svg-icons/godoc-icon.svg" .}}
{{ partial "svg-icons/godoc-icon.html" .}}
</a>
{{- end -}}
</div>
themes/hugodocs/layouts/index.html
+1 -1
View File
@@ -6,7 +6,7 @@
<ul class="homepage-cards">
{{range $key,$values := sort (.Site.Data.sitenavigation) "order" }}
<li class="homepage-card">
<a href="{{ $values.url }}"">
<a href="{{ $values.url }}">
<section>
<header>
<h2>{{ $values.title }}</h2>
themes/hugodocs/layouts/partials/site-footer.html
+1 -1
View File
@@ -1,6 +1,6 @@
<footer id="site-footer" class="site-footer">
<div>
<span><i class="icon-heart"></i> By <a href="https://twitter.com/spf13" target="_blank">spf13</a> and friends.</span>
<span>By <a href="//spf13.com" target="_blank">spf13</a> and friends.</span>
<img src="/images/made-with-hugo-dark.png" alt="Made with Hugo Logo">
</div>
<div>
themes/hugodocs/layouts/partials/site-header.html
+3 -2
View File
@@ -1,7 +1,8 @@
{{$version := .Hugo.Version}}
<header id="site-header" class="site-header">
<div class="hugo-meta" title="Hugo version {{.Hugo.Version}}, built {{.Hugo.BuildDate}}">
<div class="hugo-meta" title="Hugo version {{$version}}">
<a href="/" id="home-link">
<img src="/images/hugo-logo-wide.png" alt=""><span class="hugo-v">v{{.Hugo.Version}}</span>
<img src="/images/hugo-logo-wide.png" alt=""><span class="hugo-v">v{{$version}}</span>
</a>
</div>
</header>
themes/hugodocs/layouts/partials/svg-icons/godoc-icon.svg → themes/hugodocs/layouts/partials/svg-icons/godoc-icon.html
View File
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

themes/hugodocs/pipeline/js/scripts/highlight.pack.js
+368
View File
File diff suppressed because one or more lines are too long
themes/hugodocs/pipeline/js/scripts/prism.js
+17 -18
View File
File diff suppressed because one or more lines are too long
themes/hugodocs/pipeline/js/scripts/site-menu.js
+1 -1
View File
@@ -1,4 +1,4 @@
$('.top-menu-item-link:not(.false)').on('click',function(evt) {
$('.top-menu-item-link.true').on('click',function(evt) {
evt.preventDefault();
evt.stopPropagation();
var $ul = $(this).next('ul'),
themes/hugodocs/pipeline/scss/_variables.scss
+12 -10
View File
@@ -11,16 +11,17 @@ $HUGE:1600px;
//Color Palette
$hugo-black:#000000;
$hugo-white:#ffffff;
$hugo-pink:#ff4088;
$hugo-pink-dark:#C9177E;
$hugo-blue:#0594CB;
$hugo-pink:#C9177E;
$hugo-pink-light:#ff4088;
$hugo-blue:#0083C0;
$hugo-blue-light:#0594CB;
$hugo-yellow:#FCD804;
$hugo-gold:#EBB951;
$hugo-gray:#737373;
$hugo-gray-dark:darken($hugo-gray,10%);
$hugo-gray-light:#949494;
$hugo-green:#33BA91;
$hugo-green-dark:#00A88A;
$hugo-gray-light:lighten($hugo-gray,20%);
$hugo-green:#00A88A;
$hugo-green-light:#33BA91;
$default-anchor-color:$hugo-pink;
$default-anchor-weight: 500;
$active-color: $default-anchor-color;
@@ -32,7 +33,7 @@ $body-bg-color:$hugo-white;
$base-font-size: 18px;
$base-font-family: 'muli',$helvetica;
$heading-font-family: $base-font-family;
$base-font-color: #333333;
$base-font-color: #222222;
$base-line-height-content: 1.6;
$base-font-weight: 300;
$base-font-bold-weight: 700;
@@ -47,11 +48,12 @@ $button-border-radius: .25em;
//Codeblocks
$code-font-family:'courierprime',courier,monospace;
$code-tooltip-bg-color: $hugo-blue;
$code-block-base-font-color: #333333;
$code-block-background-color: $base-font-color;
$code-block-base-font-color: #ffffff;
$code-block-background-color: $hugo-black;
$code-editor-header-bg-color: $hugo-gray-dark;
$code-filename-color:#ffffff;
$code-copy-button-text-color:$code-filename-color;
$code-copy-button-color:#ffffff;
$code-copy-button-text-color:$base-font-color;
//Sidebar
$sidebar-width: 280px;
themes/hugodocs/pipeline/scss/components/_code.scss
+134 -185
View File
@@ -2,26 +2,18 @@
code,
pre {
font-family: $code-font-family;
}
pre > code {
font-size: .8em;
margin:0px;
}
.body-copy > pre[class*="language-"],
.body-copy > code[class*="language-"] {
@include card(3);
text-shadow: 0 0px transparent;
text-shadow: none;
padding: 1em;
margin: .5em 0;
margin: .5em 0px 1.5em 0px;
overflow: auto;
}
.body-copy > pre[class*="language-"] {
margin-bottom:1.5em;
}
p code,
li > code {
font-size: .9em;
@@ -36,7 +28,8 @@ li > code {
div.code-copy {
position: relative;
margin-top: 1em;
margin-bottom: 1.5em;
margin-bottom: 32px;
background-color:$code-block-background-color;
&:hover {
button.copy-button {
transition: all .2s ease-in-out;
@@ -56,7 +49,7 @@ button.copy-button {
padding: 0px;
transition: all .2s ease-in-out;
opacity: 1;
background-color: $code-editor-header-bg-color;
background-color: $code-copy-button-color;
box-sizing: border-box;
position: absolute;
bottom: 0px;
@@ -67,6 +60,7 @@ button.copy-button {
border-width: 0px;
border-radius: 0px;
color: $code-copy-button-text-color;
font-weight:bold;
&:hover {
background-color: $hugo-blue;
}
@@ -103,7 +97,6 @@ button.copy-button {
div.code-copy {
position: relative;
// box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
@include card(3);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
border-radius: 0px;
@@ -125,8 +118,7 @@ div.code-copy-header {
max-width: 50%;
color: $code-filename-color;
font-weight: 100;
font-size: .8em;
background-color: transparent;
font-size: 15px!important;
font-family: $systemfonts;
}
[class^="icon-"] {
@@ -333,197 +325,154 @@ div.code-copy-header {
}
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+go+markdown+scss&plugins=line-numbers */
// /* Modified heavily from http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+go+markdown+scss&plugins=line-numbers */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
// /**
// * prism.js default theme for JavaScript, CSS and HTML
// * Based on dabblet (http://dabblet.com)
// * @author Lea Verou
// */
code[class*="language-"],
pre[class*="language-"] {
color: black;
background: none;
text-shadow: 0 1px white;
font-family: $code-font-family;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
line-height: 1.5;
tab-size: 2;
hyphens: none;
}
// code[class*="language-"],
// pre[class*="language-"] {
// color: $code-block-base-font-color;
// background-color:$code-block-background-color;
// text-shadow: none;
// font-family: $code-font-family;
// text-align: left;
// white-space: pre;
// word-spacing: normal;
// word-break: normal;
// word-wrap: normal;
// line-height: 1.7;
// tab-size: 2;
// hyphens: none;
// }
pre[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
// pre[class*="language-"]::-moz-selection,
// pre[class*="language-"]::-moz-selection,
// code[class*="language-"]::-moz-selection,
// code[class*="language-"]::-moz-selection {
// text-shadow: none;
// background: $hugo-blue-light;
// }
pre[class*="language-"]::selection,
pre[class*="language-"]::selection,
code[class*="language-"]::selection,
code[class*="language-"]::selection {
text-shadow: none;
background: #b3d4fc;
}
// pre[class*="language-"]::selection,
// pre[class*="language-"]::selection,
// code[class*="language-"]::selection,
// code[class*="language-"]::selection {
// text-shadow: none;
// background: $hugo-blue-light;
// }
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
// @media print {
// code[class*="language-"],
// pre[class*="language-"] {
// text-shadow: none;
// }
// }
/* Code blocks */
// /* Code blocks */
pre[class*="language-"] {
padding: 1em 1em 2em 1em;
margin: .5em 0;
overflow: auto;
background-color: $code-block-background-color;
}
// pre[class*="language-"],
// code[class*="language-"] {
// padding: 1em 1em 2em 1em;
// margin: 0;
// overflow: auto;
// background-color: $code-block-background-color;
// }
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: $body-bg-color;
}
// /* Inline code */
// :not(pre) > code[class*="language-"] {
// padding: .1em;
// border-radius: .3em;
// white-space: normal;
// }
/* Inline code */
// .token.comment,
// .token.prolog,
// .token.doctype,
// .token.cdata {
// color: $hugo-gray-dark;
// }
:not(pre) > code[class*="language-"] {
padding: .1em;
border-radius: .3em;
white-space: normal;
}
// .token.punctuation {
// color: #999;
// }
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: $hugo-gray-dark;
}
// .namespace {
// opacity: .7;
// }
.token.punctuation {
color: #999;
}
// .token.property,
// .token.tag,
// .token.boolean,
// .token.number,
// .token.constant,
// .token.symbol,
// .token.deleted {
// color: $hugo-pink;
// }
.namespace {
opacity: .7;
}
// .token.selector,
// .token.attr-name,
// .token.string,
// .token.char,
// .token.builtin,
// .token.inserted {
// color: $hugo-green;
// }
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: $hugo-pink-dark;
}
// .token.operator,
// .token.entity,
// .token.url,
// .language-css .token.string,
// .style .token.string {
// color: $hugo-pink;
// }
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: $hugo-green;
}
// .token.atrule,
// .token.attr-value,
// .token.keyword {
// color: $hugo-blue;
// }
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: $hugo-pink-dark;
background: hsla(0, 0%, 100%, .5);
}
// .token.function {
// color: $hugo-gold;
// }
.token.atrule,
.token.attr-value,
.token.keyword {
color: $hugo-blue;
}
// .token.regex,
// .token.important,
// .token.variable {
// color: $hugo-gold
// }
.token.function {
color: $hugo-gold;
}
// .token.important,
// .token.bold {
// font-weight: bold;
// }
.token.regex,
.token.important,
.token.variable {
color: $hugo-gold
}
// .token.italic {
// font-style: italic;
// }
.token.important,
.token.bold {
font-weight: bold;
}
// .token.entity {
// cursor: help;
// }
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre.line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre.line-numbers > code {
position: relative;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em;
/* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid $hugo-gray;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: $hugo-gray;
display: block;
padding-right: 0.8em;
text-align: right;
}
//Modifications, especially for digital.cap.org/docs
code.language-markdown {
span.token.italic {
color: $hugo-pink;
}
span.token.url {
color: $hugo-blue;
}
//for * and 1 in markdown lists
.token.list.punctuation {
color: $hugo-blue;
}
}
// // //Modifications,
// // code.language-markdown {
// // span.token.italic {
// // color: $hugo-pink;
// // }
// // span.token.url {
// // color: $hugo-blue;
// // }
// // //for * and 1 in markdown lists
// // .token.list.punctuation {
// // color: $hugo-blue;
// // }
// // }
themes/hugodocs/pipeline/scss/components/_note-caution-and-warning-shortcodes.scss
+4 -4
View File
@@ -1,7 +1,7 @@
.note,
.caution,.warning {
display: block;
margin-bottom: 1em;
margin-bottom:20px;
width: 100%;
h2 {
font-size: 1.1em;
@@ -47,12 +47,12 @@
.warning {
> h2 {
background-color: $hugo-pink-dark;
background-color: $hugo-pink;
}
.shortcode-content {
background-color: lighten($hugo-pink-dark, 50%);
background-color: lighten($hugo-pink, 50%);
@include MQ(retina){
background-color: lighten($hugo-pink-dark, 54%);
background-color: lighten($hugo-pink, 54%);
}
}
}
themes/hugodocs/pipeline/scss/components/_tags.scss
+2 -2
View File
@@ -53,10 +53,10 @@ ul.tags {
}
.tag:hover {
background-color: $hugo-pink-dark;
background-color: $hugo-pink;
color: white;
}
.tag:hover::after {
border-left-color: $hugo-pink-dark;
border-left-color: $hugo-pink;
}
themes/hugodocs/pipeline/scss/pages/_homepage.scss
+4 -1
View File
@@ -1,5 +1,5 @@
.all-content-wrapper.home {
background-color: lighten($hugo-blue, 55%);
background-color: $hugo-blue;
}
main#homepage {
@@ -31,6 +31,9 @@ main#homepage {
flex-wrap: wrap;
justify-content: space-around;
flex-shrink: 0;
list-style:none;
padding-left:0px;
margin-left:0px;
.homepage-card {
@include card(1, 3);
color: inherit;
themes/hugodocs/pipeline/scss/style.scss
+2 -1
View File
@@ -17,7 +17,8 @@
@import 'components/lists';
@import 'components/anchors';
@import 'components/note-caution-and-warning-shortcodes';
@import 'vendor/prism';
// @import 'vendor/prism';
@import 'vendor/highlightjs';
@import 'components/code';
@import 'components/icons';
@import 'components/tags';
themes/hugodocs/pipeline/scss/vendor/_highlightjs.scss
Vendored
+81
View File
@@ -0,0 +1,81 @@
/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: $code-block-background-color;
}
.hljs,
.hljs-tag,
.hljs-subst {
color: $hugo-white;
}
.hljs-strong,
.hljs-emphasis {
color: $hugo-gray-light;
}
.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
color: #ae81ff;
}
.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
color: #a6e22e;
}
.hljs-strong {
font-weight: bold;
}
.hljs-emphasis {
font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
color: #f92672;
}
.hljs-symbol,
.hljs-attribute {
color: #66d9ef;
}
.hljs-params,
.hljs-class .hljs-title {
color: #f8f8f2;
}
.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
color: #e6db74;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
color: #75715e;
}
themes/hugodocs/pipeline/scss/vendor/_prism.scss
Vendored
+26 -46
View File
@@ -1,18 +1,18 @@
/* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+asciidoc+bash+go+handlebars+json+makefile+markdown+nginx+powershell+rest+scss+yaml */
/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+asciidoc+bash+git+go+http+json+markdown+powershell+rest+scss+yaml */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
* okaidia theme for JavaScript, CSS and HTML
* Loosely based on Monokai textmate theme by http://www.monokai.nl/
* @author ocodia
*/
code[class*="language-"],
pre[class*="language-"] {
color: black;
color: $hugo-white;
background: none;
text-shadow: 0 1px white;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: $code-font-family, Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', courier, monospace;
text-align: left;
white-space: pre;
word-spacing: normal;
@@ -28,29 +28,6 @@ pre[class*="language-"] {
hyphens: none;
}
pre[class*="language-"]::-moz-selection,
pre[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"]::-moz-selection {
text-shadow: none;
background: #b3d4fc;
}
pre[class*="language-"]::selection,
pre[class*="language-"]::selection,
code[class*="language-"]::selection,
code[class*="language-"]::selection {
text-shadow: none;
background: #b3d4fc;
}
@media print {
code[class*="language-"],
pre[class*="language-"] {
text-shadow: none;
}
}
/* Code blocks */
@@ -58,11 +35,12 @@ pre[class*="language-"] {
padding: 1em;
margin: .5em 0;
overflow: auto;
border-radius: 0.3em;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f5f2f0;
background: $code-block-background-color;
}
@@ -82,7 +60,7 @@ pre[class*="language-"] {
}
.token.punctuation {
color: #999;
color: #f8f8f2;
}
.namespace {
@@ -91,12 +69,15 @@ pre[class*="language-"] {
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
color: #f92672;
}
.token.boolean,
.token.number {
color: #ae81ff;
}
.token.selector,
@@ -105,32 +86,31 @@ pre[class*="language-"] {
.token.char,
.token.builtin,
.token.inserted {
color: #690;
color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: hsla(0, 0%, 100%, .5);
.style .token.string,
.token.variable {
color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
.token.function {
color: #e6db74;
}
.token.function {
color: #DD4A68;
.token.keyword {
color: #66d9ef;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
.token.important {
color: #fd971f;
}
.token.important,
themes/hugodocs/static/css/style.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
themes/hugodocs/static/js/script.min.js
Vendored
+3 -4
View File
File diff suppressed because one or more lines are too long