Hello,
I’d like to submit a PR to hugoDocs that adds a new class to the CSS for a documentation edit… basically that prevents a nested-img classed image from begin block displayed with 100% width.
I see that the CSS for hugoDocs is from a single optimized file dist/main.css. How is that created? Which source CSS file should I add that new class in?
Thanks.
Here’s the repo. What are you trying to fix?
I want to suggest adding a ghstars shortcode.
<!-- GitHub Stars SVG -->
<a href="https://www.github.com/{{ .Get "repo" }}" {{ with .Get "class" }} class="{{.}}"{{ else }}class="github-stars"{{ end }}>
<img src="https://img.shields.io/github/stars/{{ .Get "repo" }}.svg?style=social&label=Stars"
{{ if or (.Get "alt") (.Get "caption") }} alt="{{ with .Get "alt" }}{{.}}{{ else }}{{ .Get "caption" }}{{ end }}"{{ end }}
{{ with .Get "width" }} width="{{.}}"{{ end }}/>
</a>
<!-- GitHub Stars SVG -->
and this CSS:
.github-stars img {
width: inherit;
display: inline;
}
Then with this edit to tools/editors.md:
diff --git a/content/tools/editors.md b/content/tools/editors.md
index 29fbef6b..d3ac6dbe 100644
--- a/content/tools/editors.md
+++ b/content/tools/editors.md
@@ -22,24 +22,24 @@ The Hugo community uses a wide range of preferred tools and has developed plug-i
## Sublime Text
-* [Hugofy](https://github.com/akmittal/Hugofy). Hugofy is a plugin for Sublime Text 3 to make life easier to use Hugo static site generator.
+* [Hugofy](https://github.com/akmittal/Hugofy) {{< ghstars repo="akmittal/Hugofy" >}} Hugofy is a plugin for Sublime Text 3 to make life easier to use Hugo static site generator.
## Visual Studio Code
-* [Hugofy](https://marketplace.visualstudio.com/items?itemName=akmittal.hugofy). Hugofy is a plugin for Visual Studio Code to "make life easier" when developing with Hugo. The source code can be found [here](https://github.com/akmittal/hugofy-vscode).
+* [Hugofy](https://marketplace.visualstudio.com/items?itemName=akmittal.hugofy) {{< ghstars repo="akmittal/hugofy-vscode" >}} Hugofy is a plugin for Visual Studio Code to "make life easier" when developing with Hugo. The source code can be found [here](https://github.com/akmittal/hugofy-vscode).
## Emacs
-* [hugo.el](https://github.com/yewton/hugo.el). Some helper functions for creating a Website with Hugo. Note that Hugo also supports [Org-mode][formats].
-* [ox-hugo.el](https://ox-hugo.scripter.co). Native Org-mode exporter that exports to Blackfriday Markdown with Hugo front-matter. `ox-hugo` supports two common Org blogging flows --- exporting multiple Org sub-trees in a single file to multiple Hugo posts, and exporting a single Org file to a single Hugo post. It also leverages the Org tag and property inheritance features. See [*Why ox-hugo?*](https://ox-hugo.scripter.co/doc/why-ox-hugo/) for more.
+* [hugo.el](https://github.com/yewton/hugo.el) {{< ghstars repo="yewton/hugo.el" >}} Some helper functions for creating a Website with Hugo. Note that Hugo also supports [Org-mode][formats].
+* [ox-hugo.el](https://ox-hugo.scripter.co) {{< ghstars repo="kaushalmodi/ox-hugo" >}} Native Org-mode exporter that exports to Blackfriday Markdown with Hugo front-matter. `ox-hugo` supports two common Org blogging flows --- exporting multiple Org sub-trees in a single file to multiple Hugo posts, and exporting a single Org file to a single Hugo post. It also leverages the Org tag and property inheritance features. See [*Why ox-hugo?*](https://ox-hugo.scripter.co/doc/why-ox-hugo/) for more.
## Vim
-* [Vim Hugo Helper](https://github.com/robertbasic/vim-hugo-helper). A small Vim plugin to help me with writing posts with Hugo.
+* [Vim Hugo Helper](https://github.com/robertbasic/vim-hugo-helper) {{< ghstars repo="robertbasic/vim-hugo-helper" >}} A small Vim plugin to help me with writing posts with Hugo.
## Atom
-* [Hugofy](https://atom.io/packages/hugofy). A Hugo Static Website Generator package for Atom.
-* [language-hugo](https://atom.io/packages/language-hugo). Adds syntax highlighting to Hugo files.
+* [Hugofy](https://atom.io/packages/hugofy) {{< ghstars repo="felipetoffolo1/hugofy-atom" >}} A Hugo Static Website Generator package for Atom.
+* [language-hugo](https://atom.io/packages/language-hugo) {{< ghstars repo="mattstratton/language-hugo" >}} Adds syntax highlighting to Hugo files.
[formats]: /content-management/formats/
we can get:
Alright. Well the stylesheet shouldn’t be hard for you. Not my decision to make, but I wonder if that information is worth the visual distraction of having all those Github icons or the potential page-load drag. It might be more helpful to discuss with the PR though.
