Shortcode 'card': trimming of whitespace (#2278)

Author: deining

assets/scss/shortcodes/cards-pane.scss

@@ -24,7 +24,6 @@
 
     pre {
       margin: 0;
-      padding: 0 1rem 1rem 1rem;
     }
   }
 }

layouts/_shortcodes/card.html

@@ -31,7 +31,7 @@ <h6 class="card-title ms-2 text-body-secondary">
     {{ end -}}
     {{ with $.Inner -}}
       {{ if $code -}}
-        {{ highlight . $lang $highlight -}}
+        {{ highlight ( . | strings.TrimSpace ) $lang $highlight -}}
       {{ else -}}
       <p class="card-text">
         {{ . -}}

userguide/content/en/docs/adding-content/shortcodes/index.md

@@ -669,10 +669,18 @@ int main(void)
 
 This code translates to the card shown below:
 
-{{< card code=true header="**C**" lang="C" highlight="" >}} #include <stdio.h>
+<!-- prettier-ignore-start -->
+{{< card code=true header="**C**" lang="C" highlight="" >}}
+#include <stdio.h>
 #include <stdlib.h>
 
-int main(void) { puts("Hello World!"); return EXIT_SUCCESS; } {{< /card >}}
+int main(void)
+{
+  puts("Hello World!");
+  return EXIT_SUCCESS;
+}
+{{< /card >}}
+<!-- prettier-ignore-end -->
 
 <br/>If called with parameter `code=true`, the `card` shortcode can optionally
 hold the named parameters `lang` and/or `highlight`. The values of these