hugo-geekblog/exampleSite/layouts/shortcodes/sprites.html

<div class="flex flex-wrap justify-center">
    {{ range .Site.Data.sprites.geekblog }}
    <div class="flex flex-grid icon-grid">
        <div class="flex align-center justify-center icon-grid__line">
            <svg class="icon gblog_{{ . }}"><use xlink:href="#gblog_{{ . }}"></use></svg>
        </div>
        <div class="flex align-center justify-center icon-grid__line icon-grid__line--text">
            <span>#gblog_{{ (replace . "_" "_<wbr>") | safeHTML }}</span>
        </div>
    </div>
    {{ end }}
</div>
feat: auto-load custom svg sprites from assets folder (#40) BREAKING CHANGE: The icon gdoc_telescope was removed. If you are using this icon you have to replace it. Build-in icons are prefixed with gdoc_ now. If you use built-in icons in e.g. menus you have to rename these references! 2021-05-23 20:04:57 +00:00			`<div class="flex flex-wrap justify-center">`
[skip ci] fix theme references 2021-05-24 11:41:38 +00:00			`{{ range .Site.Data.sprites.geekblog }}`
feat: auto-load custom svg sprites from assets folder (#40) BREAKING CHANGE: The icon gdoc_telescope was removed. If you are using this icon you have to replace it. Build-in icons are prefixed with gdoc_ now. If you use built-in icons in e.g. menus you have to rename these references! 2021-05-23 20:04:57 +00:00			`<div class="flex flex-grid icon-grid">`
			`<div class="flex align-center justify-center icon-grid__line">`
			`<svg class="icon gblog_{{ . }}"><use xlink:href="#gblog_{{ . }}"></use></svg>`
			`</div>`
			`<div class="flex align-center justify-center icon-grid__line icon-grid__line--text">`
			`<span>#gblog_{{ (replace . "_" "_<wbr>") \| safeHTML }}</span>`
			`</div>`
			`</div>`
			`{{ end }}`
			`</div>`