Merge pull request #181 from nostalgic-css/change-is-center-container-class

Change is-center container class to is-centered

Author: trezy

docs/containers.stories.js

@@ -12,7 +12,7 @@ stories.add('container', () => {
   const isRounded = boolean('is-rounded', false) ? 'is-rounded' : '';
   const alignment = radios('alignment', {
     default: '',
-    'is-center': 'is-center',
+    'is-centered': 'is-centered',
     'is-right': 'is-right',
   }, '');
   const selectedClasses = [withTitle, isDark, isRounded, alignment];

index.html

@@ -55,8 +55,8 @@ <h2 class="title">Buttons</h2>
     <section class="nes-container with-title">
       <h2 class="title">Containers</h2>
       <div class="containers">
-        <div class="nes-container with-title is-center">
-          <p class="title">Container.is-center</p>
+        <div class="nes-container with-title is-centered">
+          <p class="title">Container.is-centered</p>
           <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
         </div>
         <div class="nes-container is-dark with-title">

scss/elements/containers.scss

@@ -31,7 +31,7 @@
     border-radius: 4px;
   }
 
-  &.is-center {
+  &.is-centered {
     text-align: center;
   }
 
@@ -50,7 +50,7 @@
       background-color: $background-color;
     }
 
-    &.is-center {
+    &.is-centered {
       > .title {
         margin: -2rem auto 1rem;
       }
@@ -127,7 +127,7 @@
         margin-top: -1.5rem;
       }
 
-      &.is-center {
+      &.is-centered {
         > .title {
           margin: -1.5rem auto 1rem;
         }