Card Name
- Secondary Information -diff --git a/.eslintignore b/.eslintignore
index 3c68eb7399f6..6e714f19dddd 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -3,3 +3,6 @@
dist
demo/demo.js
node_modules
+
+# TODO: Upgrade to ESLint4 so we can apply a specific rule (one for CJS code) for below files
+src/**/*.config.js
diff --git a/.travis.yml b/.travis.yml
index df1d0893fba1..d849f457d82c 100644
--- a/.travis.yml
+++ b/.travis.yml
@@ -42,8 +42,8 @@ install:
- if [[ -n "${AAT_TOKEN}" && "$TEST_SUITE" == "a11y" ]]; then npm i https://aat.mybluemix.net/dist/karma-ibma.tgz; fi
script:
- - if [[ "$TEST_SUITE" == "misc" ]]; then npm run lint; fi
- if [[ "$TEST_SUITE" == "misc" ]]; then npm run build; fi
+ - if [[ "$TEST_SUITE" == "misc" ]]; then npm run lint; fi
- if [[ "$TEST_SUITE" == "unit" ]]; then npm run test:unit -- -b ChromeHeadless_Travis -b Firefox; fi
- if [[ "$TEST_SUITE" == "unit-each" ]]; then find tests/spec -name "*.js" ! -name left-nav_spec.js -print0 | xargs -0 -n 1 -P 1 npm run test:unit -- -d -f; fi
- if [[ -n "${AAT_TOKEN}" && "$TEST_SUITE" == "a11y" ]]; then npm run test:a11y; fi
diff --git a/demo/.babelrc b/demo/.babelrc
index 0bcbdc77956a..f4f9840193db 100644
--- a/demo/.babelrc
+++ b/demo/.babelrc
@@ -11,5 +11,5 @@
],
"react"
],
- "plugins": ["transform-class-properties", "dev-expression"]
+ "plugins": ["transform-class-properties", "transform-object-rest-spread", "dev-expression"]
}
diff --git a/demo/js/components/CodePage/CodePage.js b/demo/js/components/CodePage/CodePage.js
index badaeb66d0b7..b22873190c37 100644
--- a/demo/js/components/CodePage/CodePage.js
+++ b/demo/js/components/CodePage/CodePage.js
@@ -4,54 +4,26 @@ import Markdown from 'markdown-it';
import ComponentExample from '../ComponentExample/ComponentExample';
-/**
- * @param {ComponentCollection|Component} metadata The component data.
- * @returns {string} The HTML snippet for the component.
- */
-const getContent = metadata => {
- const { variants = {} } = metadata;
- const { items = [] } = variants;
- const variant = items[0];
- return metadata.content || (variant && variant.content) || '';
-};
-
-/**
- * @param {ComponentCollection|Component} metadata The component data.
- * @returns {Component[]|Variant[]} The data of the component variants.
- */
-const getSubItems = metadata => {
- if (metadata.isCollection) {
- return metadata.items;
- }
- if (!metadata.isCollated) {
- return metadata.variants.items;
- }
- return [];
-};
-
/**
* The page to show the component demo, its code as well as its README.
*/
const CodePage = ({ metadata, hideViewFullRender }) => {
const md = new Markdown({ html: true });
- const subItems = getSubItems(metadata).filter(item => !item.isHidden);
+ const subItems = (metadata.items || []).filter(item => !item.isHidden);
+ /* eslint-disable react/no-danger */
const componentContent =
!metadata.isCollection && subItems.length <= 1 ? (
-
{item.notes}
} +Label
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Label with multiple words
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Label
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Label
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Label
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Label with multiple words
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Label
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Label
-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna - aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-Card Name
- Secondary Information -Card Name
+Secondary Information
+Card Name
-Secondary Information
-node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, veritatis voluptate id incidunt molestiae officia possimus, quasi itaque alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae fuga laboriosam!
-
+
+@mixin bx--snippet($type) {
+ @if $type == 'terminal' {
+ background-color: red;
+ } @else if $type == 'code' {
+ background-color: blue;
+ } @else if $type == 'text' {
+ background-color: white;
+ }
+
+ @if $type == 'terminal' {
+ background-color: red;
+ } @else if $type == 'code' {
+ background-color: blue;
+ } @else if $type == 'text' {
+ background-color: white;
+ }
+}
+
+
+ {:else}
+ node -v Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, veritatis voluptate id incidunt molestiae officia possimus, quasi itaque alias, architecto hic, dicta fugit? Debitis delectus quidem explicabo vitae fuga laboriosam!
+ {/eq}
+
-
-@mixin bx--snippet($type) {
- @if $type == 'terminal' {
- background-color: red;
- } @else if $type == 'code' {
- background-color: blue;
- } @else if $type == 'text' {
- background-color: white;
- }
-
- @if $type == 'terminal' {
- background-color: red;
- } @else if $type == 'code' {
- background-color: blue;
- } @else if $type == 'text' {
- background-color: white;
- }
-}
-
-
- + | Name | +Protocol | +Ports | +Rule | +Attached Groups | +Status | +
---|---|---|---|---|---|---|
+ + | +Load Balancer 1 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | +
+ + Harry Potter ++Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily + Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain + attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat + him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents + as they tried to protect him, shortly before attacking Harry. + |
+ ||||||
+ | +Load Balancer 1 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | +
+ + Harry Potter ++Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily + Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain + attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat + him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents + as they tried to protect him, shortly before attacking Harry. + |
+
+ + + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ |
---|---|---|---|---|---|---|---|
+ + + | +Load Balancer 1 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
- - - | -- - | -- - | -- - | -- - | -- - | -- - | -- |
---|---|---|---|---|---|---|---|
- - - | -Load Balancer 1 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
Name | -Protocol | -Ports | -Rule | -Attached Groups | -Status | -
---|---|---|---|---|---|
Load Balancer 1 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
- | Name | -Protocol | -Ports | -Rule | -Attached Groups | -Status | -
---|---|---|---|---|---|---|
- - | -Load Balancer 1 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
- - Harry Potter --Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily - Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain - attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat - him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents - as they tried to protect him, shortly before attacking Harry. - |
- ||||||
- | -Load Balancer 1 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -
- - Harry Potter --Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily - Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain - attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat - him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents - as they tried to protect him, shortly before attacking Harry. - |
-
+ + + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ + | ++ |
---|---|---|---|---|---|---|---|
+ + + | +Load Balancer 1 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
+ + + | +Load Balancer 5 | +HTTP | +80 | +Round Robin | +Maureen's VM Groups | +Active | ++ | + +
- - - | -- - | -- - | -- - | -- - | -- - | -- - | -- |
---|---|---|---|---|---|---|---|
- - - | -Load Balancer 1 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
- - - | -Load Balancer 5 | -HTTP | -80 | -Round Robin | -Maureen's VM Groups | -Active | -- | - -
+ First Name + + | ++ Last Name + + | ++ House + + | +
---|---|---|
Harry | +Potter | +Gryffindor | +
Hermoine | +Granger | +Gryffindor | +
Ron | +Weasley | +Gryffindor | +
Draco | +Malfoy | +Slytherin | +
Blaise | +Zabini | +Slytherin | +
Cedric | +Diggory | +Hufflepuff | +
Luna | +Lovegood | +Ravenclaw | +
Cho | +Chang | +Ravenclaw | +
- First Name - - | -- Last Name - - | -- House - - | -
---|---|---|
Harry | -Potter | -Gryffindor | -
Hermoine | -Granger | -Gryffindor | -
Ron | -Weasley | -Gryffindor | -
Draco | -Malfoy | -Slytherin | -
Blaise | -Zabini | -Slytherin | -
Cedric | -Diggory | -Hufflepuff | -
Luna | -Lovegood | -Ravenclaw | -
Cho | -Chang | -Ravenclaw | -
+ | + + + | ++ First Name + + | ++ Last Name + + | ++ House + + | ++ | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
+ + | ++ + + | +Harry | +Potter | +Gryffindor | ++ | + +|||||||||||||||
+ Harry Potter+Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily + Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain + attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat + him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents + as they tried to protect him, shortly before attacking Harry. + |
+ ||||||||||||||||||||
+ + | ++ + + | +Hermoine | +Granger | +Gryffindor | ++ | + +|||||||||||||||
+
|
+ ||||||||||||||||||||
+ + | ++ + + | +Ron | +Weasley | +Gryffindor | ++ | + +|||||||||||||||
+ + | +||||||||||||||||||||
+ + | ++ + + | +Draco | +Malfoy | +Slytherin | ++ | + +|||||||||||||||
+ Draco Malfoy is in Gryffindor House. He is in his fifth year. + |
+ ||||||||||||||||||||
+ + | ++ + + | +Blaise | +Zabini | +Slytherin | ++ | + +|||||||||||||||
+ Blaise Zabini is in Gryffindor House. He is in his fifth year. + |
+ ||||||||||||||||||||
+ + | ++ + + | +Cedric | +Diggory | +Hufflepuff | ++ | + +|||||||||||||||
+ Cedric Diggory is in Hufflepuff House. He is in his fifth year. + |
+ ||||||||||||||||||||
+ + | ++ + + | +Luna | +Lovegood | +Ravenclaw | ++ | + +|||||||||||||||
+ Luna Lovegood is in Ravenclaw House. She is in her fifth year. + |
+ ||||||||||||||||||||
+ + | ++ + + | +Cho | +Chang | +Ravenclaw | ++ | + +|||||||||||||||
+ Cho Chang is in Gryffindor House. She is in her fifth year. + |
+
- | - - - | -- First Name - - | -- Last Name - - | -- House - - | -- | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
- - | -- - - | -Harry | -Potter | -Gryffindor | -- | - -|||||||||||||||
- Harry Potter-Harry James Potter (b. 31 July, 1980) was a half-blood wizard, the only child and son of the late James and Lily - Potter (née Evans), and one of the most famous and powerful wizards of modern times. In what proved to be a vain - attempt to circumvent a prophecy that stated that a boy born at the end of July of 1980 could be able to defeat - him, Lord Voldemort tried to murder him when he was a year and three months old. Voldemort murdered Harry's parents - as they tried to protect him, shortly before attacking Harry. - |
- ||||||||||||||||||||
- - | -- - - | -Hermoine | -Granger | -Gryffindor | -- | - -|||||||||||||||
-
|
- ||||||||||||||||||||
- - | -- - - | -Ron | -Weasley | -Gryffindor | -- | - -|||||||||||||||
- - | -||||||||||||||||||||
- - | -- - - | -Draco | -Malfoy | -Slytherin | -- | - -|||||||||||||||
- Draco Malfoy is in Gryffindor House. He is in his fifth year. - |
- ||||||||||||||||||||
- - | -- - - | -Blaise | -Zabini | -Slytherin | -- | - -|||||||||||||||
- Blaise Zabini is in Gryffindor House. He is in his fifth year. - |
- ||||||||||||||||||||
- - | -- - - | -Cedric | -Diggory | -Hufflepuff | -- | - -|||||||||||||||
- Cedric Diggory is in Hufflepuff House. He is in his fifth year. - |
- ||||||||||||||||||||
- - | -- - - | -Luna | -Lovegood | -Ravenclaw | -- | - -|||||||||||||||
- Luna Lovegood is in Ravenclaw House. She is in her fifth year. - |
- ||||||||||||||||||||
- - | -- - - | -Cho | -Chang | -Ravenclaw | -- | - -|||||||||||||||
- Cho Chang is in Gryffindor House. She is in her fifth year. - |
-
only .jpg and .png files. 500kb max file size.
+only .jpg and .png files. 500kb max file size.
-Content space for bx--col-xs-12 bx--col-sm-6
+Full space for bx--col-xs-12 bx--col-sm-6 (columns naturally have padding on them, adding a background color to + the column directly will effect the entire column, as opposed to using a child element in the example to the + left).
+Columns also expand to match the vertical size of the rest of the row (see red column)
+Background color over entire column, not just content space
+ +Content space for bx--col-xs-12 bx--col-sm-6
-Full space for bx--col-xs-12 bx--col-sm-6 (columns naturally have padding on them, adding a background color to - the column directly will effect the entire column, as opposed to using a child element in the example to the - left).
-Columns also expand to match the vertical size of the rest of the row (see red column)
-Background color over entire column, not just content space
- -Optional label
+Modal heading
+ +Optional label
-Modal heading
- -Example header
++ Example content +
+Example header
++ Example centered content +
+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. +
++ 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. +
++ 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. +
++ Example centered content without header +
++ Example content without header +
+Example header
-- Example content -
-Example header
-- Example centered content -
-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. -
-- 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. -
-- 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. -
-- Example centered content without header -
-- Example content without header -
-Notification title
+Subtitle text goes here.
+Notification title
+Subtitle text goes here.
+Notification title
+Subtitle text goes here.
+Notification title
+Subtitle text goes here.
+Notification title
-Subtitle text goes here.
-Notification title
-Subtitle text goes here.
-Notification title
-Subtitle text goes here.
-Notification title
-Subtitle text goes here.
-Subtitle text goes here.
+ +Subtitle text goes here.
+ +Subtitle text goes here.
+ +Subtitle text goes here.
+ +Subtitle text goes here.
- -Subtitle text goes here.
- -Subtitle text goes here.
- -Subtitle text goes here.
- -Order Summary
- - -Category Label
-Detail one
-$10.00 /mo
-Detail one
-$20.00
-Detail one
-$20.00
-Category Label
-Extra long detail to show what a long line is like
-$20000.00
-Detail one
-$20.00
-Detail one
-$20.00
-Category Label
-Detail one
-$20.00
-Detail one
-$20.00
-Detail one
-$20.00
-Total due now
-- $0.00 - estimated -
-* This is an estimated price based on a customer’s average usage, includes monthly and hourly pricing.
- - -Order Summary
+ + +Category Label
+Detail one
+$10.00 /mo
+Detail one
+$20.00
+Detail one
+$20.00
+Category Label
+Extra long detail to show what a long line is like
+$20000.00
+Detail one
+$20.00
+Detail one
+$20.00
+Category Label
+Detail one
+$20.00
+Detail one
+$20.00
+Detail one
+$20.00
+Detail one
+$20.00
+Detail one
+$20.00
+Detail one
+-
+Detail one
+-
+Total due now
++ $0.00 + estimated +
+* This is an estimated price based on a customer’s average usage, includes monthly and hourly pricing.
+ {/hasCategory} + + {?hasCategory} + + {/hasCategory} +Order Summary
-Detail one
-$20.00
-Detail one
-$20.00
-Detail one
--
-Detail one
--
-Total due now
-- $0.00 - estimated -
-First step
+ +Second step
+ +Third step
+ +Fourth step
+ +First step
- -Second step
- -Third step
- -Fourth step
- -Content for first tab goes here.
+Content for first tab goes here.
-Tooltip label
+Tooltip label
-Tooltip subtitle
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, seed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Tooltip subtitle
-Lorem ipsum dolor sit amet, consectetur adipisicing elit, seed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-