Add shortcode prefix to shortcode classes

layouts/shortcodes/paige/code.html

@@ -11,4 +11,4 @@
     {{ $content = htmlUnescape $content }}
 {{ end }}
 
-<div class="paige-code">{{ highlight $content $lang $options }}</div>
+<div class="paige-shortcode-code">{{ highlight $content $lang $options }}</div>

layouts/shortcodes/paige/email.html

@@ -9,4 +9,4 @@
     {{ errorf "layouts/shortcodes/paige/email.html: no content" }}
 {{ end }}
 
-<span class="paige-email"><a href="" data-a="{{ base64Encode (index (split $address `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $address `@`) 1) }}" onclick="this.href = 'mailto:' + atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)">{{ $content }}</a></span>
+<span class="paige-shortcode-email"><a href="" data-a="{{ base64Encode (index (split $address `@`) 0) }}" data-b="{{ base64Encode `@` }}" data-c="{{ base64Encode (index (split $address `@`) 1) }}" onclick="this.href = 'mailto:' + atob(this.dataset.a) + atob(this.dataset.b) + atob(this.dataset.c)">{{ $content }}</a></span>

layouts/shortcodes/paige/figure.html

@@ -56,7 +56,7 @@
 
 {{/* The markup below cannot be indented due to nested shortcodes within Markdown. */}}
 
-<div class="paige-figure {{ if $numbered }} paige-figure-numbered {{ end }}">
+<div class="paige-shortcode-figure {{ if $numbered }} paige-shortcode-figure-numbered {{ end }}">
 <div class="align-items-{{ $vertical }} d-flex {{ with $float }} float-{{ . }} {{ end }} h-100 justify-content-{{ $horizontal }} {{ with $sideMargin }} {{ . }} {{ end }}">
 <figure class="{{ if $table }} d-table {{ end }} mb-0" {{ with $widths }} style="{{ . | safeCSS }}" {{ end }}>
 <div class="d-flex justify-content-{{ $horizontal }} text-{{ $horizontal }}">{{ $content }}</div>

layouts/shortcodes/paige/gallery.html

@@ -41,7 +41,7 @@
 
 {{/* The markup below cannot be indented due to nested shortcodes within Markdown. */}}
 
-<div class="paige-gallery">
+<div class="paige-shortcode-gallery">
 {{ if eq $type "grid" }}
 <div class="container-fluid overflow-hidden px-0">
 <div class="align-items-{{ $align }} gx-3 gy-3 justify-content-{{ $justify }} row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 row-cols-xl-5 row-cols-xxl-6">

layouts/shortcodes/paige/icon.html

@@ -10,7 +10,7 @@
 
 {{/* The markup below cannot be indented due to nested shortcodes within Markdown. */}}
 
-<span class="paige-icon">
+<span class="paige-shortcode-icon">
 {{- with $url -}}
 <a href="{{ . }}" {{ with $target }} target="{{ . }}" {{ end }}>
 {{- end -}}

layouts/shortcodes/paige/image.html

@@ -17,7 +17,7 @@
 {{ $title := .Get "title" }}
 {{ $width := .Get "width" }}
 
-<div class="paige-image">
+<div class="paige-shortcode-image">
     {{ partial "paige/image.html" (dict
         "alt" $alt
         "breakpoints" $breakpoints

layouts/shortcodes/paige/quote.html

@@ -7,7 +7,7 @@
 
 {{/* The markup below cannot be indented due to nested shortcodes within Markdown. */}}
 
-<div class="paige-quote">
+<div class="paige-shortcode-quote">
 <blockquote class="blockquote">{{ $content }}</blockquote>
 
 {{ with $cite }}

layouts/shortcodes/paige/vimeo.html

@@ -116,7 +116,7 @@
     {{ $src = print $src "?" . }}
 {{ end }}
 
-<div class="paige-vimeo">
+<div class="paige-shortcode-vimeo">
     {{ partial "paige/video.html" (dict
         "fullscreen" $fullscreen
         "height" $height

layouts/shortcodes/paige/youtube.html

@@ -70,7 +70,7 @@
     {{ $src = print $src "?" . }}
 {{ end }}
 
-<div class="paige-youtube">
+<div class="paige-shortcode-youtube">
     {{ partial "paige/video.html" (dict
         "fullscreen" $fullscreen
         "height" $height