Fix #1101

CHANGELOG.md

@@ -4,6 +4,7 @@
 
 ### New features
 
+* #1101 `.card-header-title` can be centered with `.is-centered`
 * #1189 `.input` readonly and `.is-static`
 * #1189 `.textarea` readonly
 

docs/css/bulma-docs.css

@@ -5089,6 +5089,12 @@ a.tag:hover {
   padding: 0.75rem;
 }
 
+.card-header-title.is-centered {
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+
 .card-header-icon {
   -webkit-box-align: center;
       -ms-flex-align: center;

docs/documentation/components/card.html

@@ -154,6 +154,17 @@ variables:
       </ul>
     </div>
 
+    <div class="tags has-addons">
+      <span class="tag">New</span>
+      <span class="tag is-info">0.5.3</span>
+    </div>
+
+    <div class="content">
+      <p>
+        You can center the <code>card-header-title</code> by appending the <code>is-centered</code> modifier.
+      </p>
+    </div>
+
     <hr>
 
     <div class="columns">

sass/components/card.sass

@@ -27,6 +27,8 @@ $card-footer-border-top: 1px solid $border !default
   flex-grow: 1
   font-weight: $card-header-weight
   padding: 0.75rem
+  &.is-centered
+    justify-content: center
 
 .card-header-icon
   align-items: center