Styles

This page lists styles overrides created in assets/scss/custom.scss.

Inline images

Remove padding and margins, set display: inline;.

How to use:

<img src="business.jpg" class="inline" />

This one can be used in code fences.

{{< img src="" [alt=""] [class=""] [title=""] >}}

{{< video library="true" src="https://static.alexandre.deverteuil.net/video/filename.mp4" controls="yes" >}}

How to use:

{{% edit %}}
À réviser
{{% /edit %}}

Will render as:

<p class="edit">
À réviser
</p>

And looks like this:

À réviser

Paragraphe à réviser
{.edit}

My blog editing process is described in more details in Blog writing process.

Copy/paste the Unicode characters.

Category	Characters
Superscripts	x⁰, x¹, x², x³, x⁴, x⁵, x⁶, x⁷, x⁸, x⁹, x⁺, x⁻, x⁼, x⁽, x⁾, xⁿ
Subscripts	x₀, x₁, x₂, x₃, x₄, x₅, x₆, x₇, x₈, x₉, x₊, x₋, x₌, x₍, x₎, xₙ
Letters	xⁱ, xₐ, xₑ, xₒ, xₓ, xₔ, xₕ, xₖ, xₗ, xₘ, xₙ, xₚ, xₛ, xₜ, ,

```nohighlight
Preformatted text with no automatic syntax highlighting.
```

```bash
#!/bin/bash
```

I have a custom shortcode and scss for poems.

{{< poem >}}
a poem
{{< /poem >}}

a poem

[{{< icon name="external-link-alt" pack="fas" >}} External link](/)



<div class="alert alert-note">
  <div>
    
  </div>
</div>



<div class="alert alert-warning">
  <div>
    
  </div>
</div>

Override layouts/shortcodes/gallery.html and custom CSS in custom.scss.

Width automatically adjusted for portrait and landscape pictures.