From 7fb401e7afdce0a47be5803257bd63f02ac94d99 Mon Sep 17 00:00:00 2001 From: TJ Egan Date: Tue, 25 Apr 2017 14:32:37 -0500 Subject: [PATCH] fix(module): remove bx--module__text class (#40) * fix(module): remove bx--module__text class * refactor(module): remove extra color style --- src/components/module/_module.scss | 15 +++-------- src/components/module/module.html | 42 +++++++++++++++--------------- 2 files changed, 25 insertions(+), 32 deletions(-) diff --git a/src/components/module/_module.scss b/src/components/module/_module.scss index 18bc8389d5bb..e2b5e6068329 100644 --- 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 index 44586c302abd..039e9b2e47ba 100644 --- a/src/components/module/module.html +++ b/src/components/module/module.html @@ -4,7 +4,7 @@

Example header

-

+

Example content

@@ -16,7 +16,7 @@

Example header

Example header

-

+

Example centered content

@@ -28,30 +28,30 @@

Example header

Example header

-

+

Example scrollable content.

-

- 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. +

+ 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. - 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.

-

- 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. +

+ 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.

-

- 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. +

+ 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.

@@ -59,7 +59,7 @@

Example header

-

+

Example centered content without header

@@ -68,7 +68,7 @@

Example header

-

+

Example content without header