change: adapt BEM notation

Author: Matthias Leutenegger

templates/DNADesign/Elemental/Layout/AlertSectionHolder.ss

@@ -1,3 +1,3 @@
-<div class="element $SimpleClassName.LowerCase<% if $StyleVariant %> $StyleVariant<% end_if %><% if $ExtraClass %> $ExtraClass<% end_if %>" id="$Anchor">
+<div class="element $SimpleClassName.LowerCase $ElementName <% if $StyleVariant %>$ElementName--$StyleVariant $StyleVariant<% end_if %><% if $ExtraClass %> $ExtraClass<% end_if %>" id="$Anchor">
 	$Element
 </div>

templates/Syntro/BootstrapElemental/Blocks/AlertSection/ButtonHolder.ss

@@ -3,23 +3,23 @@
         <% if DisplayIcon && useIcons || ShowTitle %>
             <div class="mb-2 d-flex align-items-center justify-content-center text-left">
                 <% if DisplayIcon && useIcons %>
-                    <span class="mr-3 mr-md-2" style="font-size:1.5em;">
+                    <span class="{$ElementName}__icon mr-3 mr-md-2" style="font-size:1.5em;">
                         <i class="$FAIcon"></i>
                     </span>
                 <% end_if %>
                 <% if ShowTitle %>
-                    <b>$Title</b>
+                <b class="{$ElementName}__title">$Title</b>
                 <% end_if %>
             </div>
         <% end_if %>
-        <p class="m-0 text-justify text-md-center">
+        <p class="{$ElementName}__content m-0 text-justify text-md-center">
             $Content
         </p>
         <% if $Buttons %>
-            <p class="mb-0 mt-2">
+            <p class="{$ElementName}__buttonholder mb-0 mt-2">
                 <% loop Buttons %>
                     <% if LinkURL %>
-                        <a {$IDAttr} class="mx-1 btn btn-sm btn-outline-$Up.LinkColor" href="{$LinkURL}"{$TargetAttr}>
+                        <a {$IDAttr} class="{$ElementName}__button mx-1 btn btn-sm btn-outline-$Up.LinkColor" href="{$LinkURL}"{$TargetAttr}>
                             {$Title}
                         </a>
                     <% end_if %>