(fix): modal & alert variable name fix

Author: monab

src/template-builder/contents/variables/alerts.html

@@ -86,13 +86,13 @@
 <div class="code-snippet">$alert-color-scale</div>
 <div class="code-snippet-full">40% !default;</div>
         </li>
-        <li class="list-item list-item-bs-new" data-id="$alert-dismissible-padding-r" data-clipboard-text="$$alert-dismissible-padding-r">
+        <li class="list-item list-item-bs-new" data-id="$alert-dismissible-padding-r" data-clipboard-text="$alert-dismissible-padding-r">
           <div class="list-item-content">
             <a href="#$alert-dismissible-padding-r" class="list-item-text">
-              <span class="item-filter-text">$$alert-dismissible-padding-r</span>
+              <span class="item-filter-text">$alert-dismissible-padding-r</span>
             </a>
           </div>
-<div class="code-snippet">$$alert-dismissible-padding-r</div>
+<div class="code-snippet">$alert-dismissible-padding-r</div>
 <div class="code-snippet-full">$alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side</div>
         </li>
       </ul>

src/template-builder/contents/variables/modals.html

@@ -5,13 +5,13 @@
     </div>
     <div class="card-body collapse show" id="categoryModals">
       <ul class="list-items">
-        <li class="list-item" data-id="$modal-inner-padding" data-clipboard-text="$$modal-inner-padding">
+        <li class="list-item" data-id="$modal-inner-padding" data-clipboard-text="$modal-inner-padding">
           <div class="list-item-content">
             <a href="#$modal-inner-padding" class="list-item-text">
-              <span class="item-filter-text">$$modal-inner-padding</span>
+              <span class="item-filter-text">$modal-inner-padding</span>
             </a>
           </div>
-<div class="code-snippet">$$modal-inner-padding</div>
+<div class="code-snippet">$modal-inner-padding</div>
 <div class="code-snippet-full">$spacer !default;</div>
         </li>
         <li class="list-item" data-id="modal-footer-margin-between" data-clipboard-text="$modal-footer-margin-between">
@@ -194,13 +194,13 @@
 <div class="code-snippet">$modal-header-padding-x</div>
 <div class="code-snippet-full">$modal-inner-padding !default;</div>
         </li>
-        <li class="list-item" data-id="$modal-header-padding" data-clipboard-text="$$modal-header-padding">
+        <li class="list-item" data-id="$modal-header-padding" data-clipboard-text="$modal-header-padding">
           <div class="list-item-content">
             <a href="#$modal-header-padding" class="list-item-text">
-              <span class="item-filter-text">$$modal-header-padding</span>
+              <span class="item-filter-text">$modal-header-padding</span>
             </a>
           </div>
-<div class="code-snippet">$$modal-header-padding</div>
+<div class="code-snippet">$modal-header-padding</div>
 <div class="code-snippet-full">$modal-header-padding-y $modal-header-padding-x !default;</div>
         </li>
         <li class="list-item" data-id="modal-sm" data-clipboard-text="$modal-sm">