Remove styles, rename some classes

assets/sass/base/_layout.sass

@@ -16,11 +16,6 @@
 .align-items-center
   align-items: center
 
-//@each $value in 'block', 'inline', 'inline-block', 'flex'
-//    .display-#{$value},
-//    .is-#{$value},
-//        display: #{$value}
-
 @each $value in 'top', 'middle', 'bottom'
     .table
         & > thead > tr > th,

assets/sass/base/_typography.sass

@@ -1,6 +0,0 @@
-@each $value in 'left' 'center' 'right'
-    .text-#{$value}
-        text-align: #{$value}
-
-.text-light
-    color: #777

assets/sass/main.sass

@@ -13,7 +13,6 @@ $primary: $blue
 @import 'mixins'
 
 @import 'base/layout'
-@import 'base/typography'
 @import 'base/utilities'
 
 @import 'components/availability'

source/_includes/badges.html.twig

@@ -1,4 +1,4 @@
-<div class="panel badges text-center">
+<div class="panel badges has-text-centered">
     <a href="https://assoc.drupal.org/membership" title="I’m a Drupal Association member." class="is-block">
         <img
             src="{{ site.images_url }}/assets/images/badges/da-individual-member.png"

source/_includes/post/header.html.twig

@@ -1,4 +1,4 @@
 {% set title_tag = title_tag ?: 'h1' %}
 <{{ title_tag }}>{{ page.title }}</{{ title_tag }}>
 
-<p class="posted text-light">{{ page.date|date('jS F Y') }}</p>
+<p class="posted">{{ page.date|date('jS F Y') }}</p>