finish chart

source/_patterns/02-organisms/11-chart/chart.mustache

-<div class="max-h-80">
-    <canvas class="__chart-example"></canvas>
-</div>

source/_patterns/02-organisms/12-chart/chart.mustache

+<div class="py-4">
+    <canvas
+      class="lg:h-120 lg:w-auto w-full mx-auto __chart-example"
+    ></canvas>
+</div>

tailwind.config.js

@@ -18,7 +18,7 @@ module.exports = {
       whitelistPatterns: [
         /^((sm|md|lg|xl)\:)?(block|inline|fixed|absolute|inline-block|flex|inline-flex|grid)/,
         /^((sm|md|lg|xl)\:)?w-\d\d?/,
-        /^((sm|md|lg|xl)\:)?w-screen/,
+        /^((sm|md|lg|xl)\:)?w-(auto|full|screen)/,
         /^((sm|md|lg|xl)\:)?h-\d\d?/,
         /^((sm|md|lg|xl)\:)?h-screen/,
         /^((sm|md|lg|xl)\:)?-?m.?-\d\d?/,
@@ -54,8 +54,8 @@ module.exports = {
         /^break-*/,
         /^overflow-*/,
         /^duration-*/,
-        /^max-h-*/,
         /^max-w-*/,
+        /^max-h-*/,
         /ico--*/,
       ],
     }
@@ -65,6 +65,9 @@ module.exports = {
       maxWidth: {
         'xxs': '16rem',
       },
+      height: {
+        '120': '30rem',
+      },
       opacity: {
         '85': '0.85',
       },
@@ -78,7 +81,7 @@ module.exports = {
         '36': '9rem',
         '44': '11rem',
         '52': '13rem',
-        '80': '20rem'
+        '80': '20rem',
       },
       // flip-x
       scale: {