From 8e4790645773c0e775ea09a8e352dad58dc7a0e3 Mon Sep 17 00:00:00 2001 From: judetucker Date: Thu, 19 Nov 2015 18:43:55 -0800 Subject: [PATCH 1/4] added pricing tables to the examples --- docs/examples/pricing-tables/index.html | 96 ++++++++++++++++++++++++ docs/examples/pricing-tables/pricing.css | 20 +++++ 2 files changed, 116 insertions(+) create mode 100755 docs/examples/pricing-tables/index.html create mode 100755 docs/examples/pricing-tables/pricing.css diff --git a/docs/examples/pricing-tables/index.html b/docs/examples/pricing-tables/index.html new file mode 100755 index 000000000000..d887d586fce8 --- /dev/null +++ b/docs/examples/pricing-tables/index.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + Pricing Table Template for Bootstrap + + + + + + + + + + + + + +
+
+

Pricing Tables

+
+

Use card-group to create equal width and height columns.

+
+
+
+
+

Basic

+
+

$29 / mo

+
+

+

    +
  • 10 users included
    • +
  • 2 GB of storage
    • +
  • Email support
    • +
  • Help center access
    • +
+

+ +
+
+
+
+

Standard

+
+

$59 / mo

+
+

+

    +
  • 20 users included
    • +
  • 10 GB of storage
    • +
  • Priority email support
    • +
  • Help center access
    • +
+

+ +
+
+
+
+

Enterprise

+
+

$79 / mo

+
+

+

    +
  • 30 users included
    • +
  • 15 GB of storage
    • +
  • Phone and email support
    • +
  • Help center access
    • +
+

+ +
+
+
+ +
+ + + + + + + + + diff --git a/docs/examples/pricing-tables/pricing.css b/docs/examples/pricing-tables/pricing.css new file mode 100755 index 000000000000..548f8ba4a298 --- /dev/null +++ b/docs/examples/pricing-tables/pricing.css @@ -0,0 +1,20 @@ +body { + padding-top: 2rem; + padding-bottom: 2rem; +} +.pricing .card { + border-radius: 0; +} +.pricing .card-title { + text-align: center; + padding-top: 1rem; +} +.pricing .card-inverse { + width: 100%; +} +@media screen and (max-width: 47.938em) { + .card-group .card { + display: block; + vertical-align: top; + } +} \ No newline at end of file From 7dfa9fba8f71ef94f6d2b60a9114d67e70e84158 Mon Sep 17 00:00:00 2001 From: judetucker Date: Sun, 22 Nov 2015 15:55:11 -0800 Subject: [PATCH 2/4] changed to rem to px and changed to soft tabs --- docs/examples/pricing-tables/pricing.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/docs/examples/pricing-tables/pricing.css b/docs/examples/pricing-tables/pricing.css index 548f8ba4a298..ab9956859758 100755 --- a/docs/examples/pricing-tables/pricing.css +++ b/docs/examples/pricing-tables/pricing.css @@ -1,18 +1,18 @@ body { - padding-top: 2rem; - padding-bottom: 2rem; + padding-top: 20px; + padding-bottom: 20px; } .pricing .card { border-radius: 0; } .pricing .card-title { text-align: center; - padding-top: 1rem; + padding-top: 15px; } .pricing .card-inverse { width: 100%; } -@media screen and (max-width: 47.938em) { +@media screen and (max-width: 767px) { .card-group .card { display: block; vertical-align: top; From 21909eaf4434f8f57f20640d8d8211ed442e4645 Mon Sep 17 00:00:00 2001 From: judetucker Date: Sun, 22 Nov 2015 17:03:48 -0800 Subject: [PATCH 3/4] proper 2 space indents all around --- docs/examples/pricing-tables/pricing.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/examples/pricing-tables/pricing.css b/docs/examples/pricing-tables/pricing.css index ab9956859758..2c5f049b3d54 100755 --- a/docs/examples/pricing-tables/pricing.css +++ b/docs/examples/pricing-tables/pricing.css @@ -3,18 +3,18 @@ body { padding-bottom: 20px; } .pricing .card { - border-radius: 0; + border-radius: 0; } .pricing .card-title { - text-align: center; - padding-top: 15px; + text-align: center; + padding-top: 15px; } .pricing .card-inverse { - width: 100%; + width: 100%; } @media screen and (max-width: 767px) { - .card-group .card { - display: block; - vertical-align: top; - } -} \ No newline at end of file + .card-group .card { + display: block; + vertical-align: top; + } +} From f0c55a02ad64b8a1d2a7b081dcd2a8a6876261b8 Mon Sep 17 00:00:00 2001 From: judetucker Date: Wed, 2 Dec 2015 18:18:59 -0800 Subject: [PATCH 4/4] no more new nested classes --- docs/examples/pricing-tables/index.html | 20 ++++++++++---------- docs/examples/pricing-tables/pricing.css | 7 ++----- 2 files changed, 12 insertions(+), 15 deletions(-) diff --git a/docs/examples/pricing-tables/index.html b/docs/examples/pricing-tables/index.html index d887d586fce8..f4642be88d76 100755 --- a/docs/examples/pricing-tables/index.html +++ b/docs/examples/pricing-tables/index.html @@ -29,12 +29,12 @@

Pricing Tables

Use card-group to create equal width and height columns.

-
-
+
+
-

Basic

+

Basic

-

$29 / mo

+

$29 / mo

    @@ -47,11 +47,11 @@

    $29 / mo

-
+
-

Standard

+

Standard

-

$59 / mo

+

$59 / mo

    @@ -64,11 +64,11 @@

    $59 / mo

-
+
-

Enterprise

+

Enterprise

-

$79 / mo

+

$79 / mo

    diff --git a/docs/examples/pricing-tables/pricing.css b/docs/examples/pricing-tables/pricing.css index 2c5f049b3d54..07775769e8cf 100755 --- a/docs/examples/pricing-tables/pricing.css +++ b/docs/examples/pricing-tables/pricing.css @@ -2,16 +2,13 @@ body { padding-top: 20px; padding-bottom: 20px; } -.pricing .card { +.pricing-card { border-radius: 0; } -.pricing .card-title { +.pricing-card-title { text-align: center; padding-top: 15px; } -.pricing .card-inverse { - width: 100%; -} @media screen and (max-width: 767px) { .card-group .card { display: block;