refactor(containers): change is-center to is-centered

BREAKING CHANGE: class is-center change #178
nostalgic-css · Dec 12, 2018 · 46e5219 · 46e5219
1 parent 3d0dbfa
commit 46e5219
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/docs/containers.stories.js b/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];

diff --git a/index.html b/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">

diff --git a/scss/elements/containers.scss b/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;
         }