Merge pull request #1534 from gethinode/develop

fix: adjust horizontal alignment of cards

Author: markdumay

exampleSite/hugo_stats.json

@@ -642,11 +642,11 @@
       "docs",
       "documentation",
       "dropdown-nav-0",
-      "dropdown-panel-1fc243c4b5ad24b4cffa6cf051aa6720",
-      "dropdown-panel-614a5456d60a677001aadb3af61a05e2",
-      "dropdown-panel-bcd9ad2a497bbdf189c8730eb6b9b56e",
-      "dropdown-panel-d0230f64802bba090b5743302d1e23f1",
-      "dropdown-panel-da2692e92f2f512a892fe75378113ea4",
+      "dropdown-panel-2a268a8b3931b61a7583f392002008fe",
+      "dropdown-panel-5bf6f23e5fc93f9c342a4b0a1b32b838",
+      "dropdown-panel-8cd9607610b5a8fff779d38787437e7e",
+      "dropdown-panel-93636449c1ef8ec23d583052c9fe7a4b",
+      "dropdown-panel-a97ffb4aaea3a2e4aa01b1ce556dd275",
       "elements-type",
       "entity-relationship-diagram",
       "example",
@@ -664,11 +664,11 @@
       "fab-medium",
       "fab-whatsapp",
       "fab-x-twitter",
-      "faq-5ea6070f0b28af63133c8703bfe706cb",
-      "faq-5ea6070f0b28af63133c8703bfe706cb-heading-faq-5ea6070f0b28af63133c8703bfe706cb",
-      "faq-5ea6070f0b28af63133c8703bfe706cb-item-0",
-      "faq-5ea6070f0b28af63133c8703bfe706cb-item-1",
-      "faq-5ea6070f0b28af63133c8703bfe706cb-item-2",
+      "faq-a69e21a1b0b61dac8b322b1d68137cc6",
+      "faq-a69e21a1b0b61dac8b322b1d68137cc6-heading-faq-a69e21a1b0b61dac8b322b1d68137cc6",
+      "faq-a69e21a1b0b61dac8b322b1d68137cc6-item-0",
+      "faq-a69e21a1b0b61dac8b322b1d68137cc6-item-1",
+      "faq-a69e21a1b0b61dac8b322b1d68137cc6-item-2",
       "fas-1",
       "fas-2",
       "fas-3",
@@ -760,11 +760,11 @@
       "nav-0-btn-1",
       "nav-0-btn-2",
       "nav-nav-0",
-      "nav-panel-1fc243c4b5ad24b4cffa6cf051aa6720",
-      "nav-panel-614a5456d60a677001aadb3af61a05e2",
-      "nav-panel-bcd9ad2a497bbdf189c8730eb6b9b56e",
-      "nav-panel-d0230f64802bba090b5743302d1e23f1",
-      "nav-panel-da2692e92f2f512a892fe75378113ea4",
+      "nav-panel-2a268a8b3931b61a7583f392002008fe",
+      "nav-panel-5bf6f23e5fc93f9c342a4b0a1b32b838",
+      "nav-panel-8cd9607610b5a8fff779d38787437e7e",
+      "nav-panel-93636449c1ef8ec23d583052c9fe7a4b",
+      "nav-panel-a97ffb4aaea3a2e4aa01b1ce556dd275",
       "navbar",
       "navbar-0-collapse",
       "navbar-mode",
@@ -773,36 +773,36 @@
       "navigation",
       "notification",
       "overview",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-0",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-1",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-2",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-btn-0",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-btn-1",
-      "panel-1fc243c4b5ad24b4cffa6cf051aa6720-btn-2",
-      "panel-614a5456d60a677001aadb3af61a05e2-0",
-      "panel-614a5456d60a677001aadb3af61a05e2-1",
-      "panel-614a5456d60a677001aadb3af61a05e2-2",
-      "panel-614a5456d60a677001aadb3af61a05e2-btn-0",
-      "panel-614a5456d60a677001aadb3af61a05e2-btn-1",
-      "panel-614a5456d60a677001aadb3af61a05e2-btn-2",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-0",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-1",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-2",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-btn-0",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-btn-1",
-      "panel-bcd9ad2a497bbdf189c8730eb6b9b56e-btn-2",
-      "panel-d0230f64802bba090b5743302d1e23f1-0",
-      "panel-d0230f64802bba090b5743302d1e23f1-1",
-      "panel-d0230f64802bba090b5743302d1e23f1-2",
-      "panel-d0230f64802bba090b5743302d1e23f1-btn-0",
-      "panel-d0230f64802bba090b5743302d1e23f1-btn-1",
-      "panel-d0230f64802bba090b5743302d1e23f1-btn-2",
-      "panel-da2692e92f2f512a892fe75378113ea4-0",
-      "panel-da2692e92f2f512a892fe75378113ea4-1",
-      "panel-da2692e92f2f512a892fe75378113ea4-2",
-      "panel-da2692e92f2f512a892fe75378113ea4-btn-0",
-      "panel-da2692e92f2f512a892fe75378113ea4-btn-1",
-      "panel-da2692e92f2f512a892fe75378113ea4-btn-2",
+      "panel-2a268a8b3931b61a7583f392002008fe-0",
+      "panel-2a268a8b3931b61a7583f392002008fe-1",
+      "panel-2a268a8b3931b61a7583f392002008fe-2",
+      "panel-2a268a8b3931b61a7583f392002008fe-btn-0",
+      "panel-2a268a8b3931b61a7583f392002008fe-btn-1",
+      "panel-2a268a8b3931b61a7583f392002008fe-btn-2",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-0",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-1",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-2",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-0",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-1",
+      "panel-5bf6f23e5fc93f9c342a4b0a1b32b838-btn-2",
+      "panel-8cd9607610b5a8fff779d38787437e7e-0",
+      "panel-8cd9607610b5a8fff779d38787437e7e-1",
+      "panel-8cd9607610b5a8fff779d38787437e7e-2",
+      "panel-8cd9607610b5a8fff779d38787437e7e-btn-0",
+      "panel-8cd9607610b5a8fff779d38787437e7e-btn-1",
+      "panel-8cd9607610b5a8fff779d38787437e7e-btn-2",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-0",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-1",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-2",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-btn-0",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-btn-1",
+      "panel-93636449c1ef8ec23d583052c9fe7a4b-btn-2",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-0",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-1",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-2",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-0",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-1",
+      "panel-a97ffb4aaea3a2e4aa01b1ce556dd275-btn-2",
       "persona",
       "pie-chart",
       "pills",

layouts/_partials/assets/card.html

@@ -168,7 +168,7 @@
 -}}
 
 {{/* Main code */}}
-{{ if or (ne $args.gutter "0") ($args.wrapper) }}<div class="g-{{ $args.gutter }} {{ $args.wrapper }} h-100">{{ end }}
+{{ if or (gt $args.gutter "0") ($args.wrapper) }}<div class="{{ with $args.gutter }}g-{{ . }}{{ end }} {{ $args.wrapper }}">{{ end }}
 
 {{ $stack := "" }}
 
@@ -301,4 +301,4 @@
     </div>
 {{- end -}}
 
-{{ if or (ne $args.gutter "0") ($args.wrapper) }}</div>{{ end }}
+{{ if or (gt $args.gutter "0") ($args.wrapper) }}</div>{{ end }}