fix(module): remove bx--module__text class (#40)

* fix(module): remove bx--module__text class * refactor(module): remove extra color style
carbon-design-system · Apr 25, 2017 · 7fb401e · 7fb401e
1 parent bf1e90d
commit 7fb401e
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 32 deletions.
diff --git a/src/components/module/_module.scss b/src/components/module/_module.scss
@@ -39,28 +39,21 @@
       color: $text-01;
     }
 
-    .bx--module__text {
-      @include font-size('14');
-      color: $text-01;
-    }
-
     .bx--module__content {
       display: flex;
       flex-direction: column;
       flex: 3;
       padding: 1.5rem;
+
+      p {
+        @include font-size('14');
+      }
     }
 
     .bx--module__content--centered {
       align-items: center;
       justify-content: center;
       padding: 5rem;
-
-      .bx--module__text {
-        text-align: center;
-        margin-bottom: 1.5rem;
-        width: 100%;
-      }
     }
 
     .bx--module__content--scrollable {

diff --git a/src/components/module/module.html b/src/components/module/module.html
@@ -4,7 +4,7 @@
       <h1 class="bx--module__title">Example header</h1>
     </div>
     <div class="bx--module__content">
-      <p class="bx--module__text">
+      <p>
         Example content
       </p>
     </div>
@@ -16,7 +16,7 @@ <h1 class="bx--module__title">Example header</h1>
       <h1 class="bx--module__title">Example header</h1>
     </div>
     <div class="bx--module__content bx--module__content--centered">
-      <p class="bx--module__text">
+      <p>
         Example centered content
       </p>
     </div>
@@ -28,38 +28,38 @@ <h1 class="bx--module__title">Example header</h1>
       <h1 class="bx--module__title">Example header</h1>
     </div>
     <div class="bx--module__content bx--module__content--scrollable">
-      <p class="bx--module__text">
+      <p>
         Example scrollable content.
       </p>
-      <p class="bx--module__text">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet risus a elit egestas feugiat.
-        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
-        Vivamus imperdiet, mi in aliquam condimentum, dui quam elementum metus, in porta ex elit sed augue.
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet risus a elit egestas feugiat. Class aptent taciti
+        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus imperdiet, mi in aliquam condimentum,
+        dui quam elementum metus, in porta ex elit sed augue.
       </p>
-      <p class="bx--module__text">
+      <p>
         Donec quis orci quis ex euismod rhoncus vel eu elit. Pellentesque posuere libero id nisi aliquam, sed iaculis ligula fringilla.
-        Vestibulum vulputate tellus nisi, id facilisis ipsum sodales sit amet. Nam dui eros, pulvinar a sodales nec, imperdiet non sem.
-        Etiam pharetra velit diam, at sagittis nunc laoreet cursus. Donec faucibus fringilla nibh nec ultrices.
+        Vestibulum vulputate tellus nisi, id facilisis ipsum sodales sit amet. Nam dui eros, pulvinar a sodales nec, imperdiet
+        non sem. Etiam pharetra velit diam, at sagittis nunc laoreet cursus. Donec faucibus fringilla nibh nec ultrices.
         Curabitur urna felis, mollis feugiat elementum vel, ultricies quis neque.
       </p>
-      <p class="bx--module__text">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet risus a elit egestas feugiat.
-        Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
-        Vivamus imperdiet, mi in aliquam condimentum, dui quam elementum metus, in porta ex elit sed augue.
-        Donec quis orci quis ex euismod rhoncus vel eu elit. Pellentesque posuere libero id nisi aliquam, sed iaculis ligula fringilla.
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet risus a elit egestas feugiat. Class aptent taciti
+        sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus imperdiet, mi in aliquam condimentum,
+        dui quam elementum metus, in porta ex elit sed augue. Donec quis orci quis ex euismod rhoncus vel eu elit. Pellentesque
+        posuere libero id nisi aliquam, sed iaculis ligula fringilla.
       </p>
-      <p class="bx--module__text">
-        Vestibulum vulputate tellus nisi, id facilisis ipsum sodales sit amet. Nam dui eros, pulvinar a sodales nec, imperdiet non sem.
-        Etiam pharetra velit diam, at sagittis nunc laoreet cursus. Donec faucibus fringilla nibh nec ultrices.
-        Curabitur urna felis, mollis feugiat elementum vel, ultricies quis neque.
+      <p>
+        Vestibulum vulputate tellus nisi, id facilisis ipsum sodales sit amet. Nam dui eros, pulvinar a sodales nec, imperdiet non
+        sem. Etiam pharetra velit diam, at sagittis nunc laoreet cursus. Donec faucibus fringilla nibh nec ultrices. Curabitur
+        urna felis, mollis feugiat elementum vel, ultricies quis neque.
       </p>
     </div>
   </div>
 </div>
 <div class="bx--module bx--module--double">
   <div class="bx--module__inner">
     <div class="bx--module__content bx--module__content--centered">
-      <p class="bx--module__text">
+      <p>
         Example centered content without header
       </p>
     </div>
@@ -68,7 +68,7 @@ <h1 class="bx--module__title">Example header</h1>
 <div class="bx--module bx--module--single">
   <div class="bx--module__inner">
     <div class="bx--module__content">
-      <p class="bx--module__text">
+      <p>
         Example content without header
       </p>
     </div>