Add 'align' option to figure shortcode

[kdkasad]

Allows centering figures (images) by adding an align parameter to the figure shortcode.

Adding align=center to a figure causes the resulting figure to be centered.

Example screenshot:

[kdkasad]

Actually now that I'm thinking about it, there's no need for an align parameter with a value of center, there could just be a center parameter which takes effect based on whether or not it's there.

E.g.

{{< figure src=image.jpg center >}}

instead of

{{< figure src=image.jpg align=center >}}

Edit: nevermind, it appears it is not possible to do named parameters without values. Hugo thinks that the center parameter without a value is a positional parameter, and it doesn't allow mixing positional and named parameters.

I would like to ignore any value other than center though. Currently, the align parameter is basically the same as class except it prefixes the value with align-.

[adityatelange]

@kdkasad I guess we can make it simpler with already implemented code

hugo-PaperMod/assets/css/post-single.css

Lines 241 to 243 in 45c4b48

	.post-content img[src*='#center'] {
	margin: auto
	}

we can do this in figure.html

- <img src="{{ .Get "src" }}"
+ <img src="{{ .Get "src" }}{{- if eq (.Get "align") "center" }}#center{{- end -}}"

and remove extra css as show below

 .post-content figure.align-center {
-       display: flex;
-       flex-direction: column;
-       align-items: center;
        text-align: center;
 }

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication