diff options
Diffstat (limited to '')
| -rw-r--r-- | site/content/docs/5.3/examples/checkout/index.html (renamed from site/content/docs/5.2/examples/checkout/index.html) | 28 |
1 files changed, 14 insertions, 14 deletions
diff --git a/site/content/docs/5.2/examples/checkout/index.html b/site/content/docs/5.3/examples/checkout/index.html index 4809dc4..d39f0f2 100644 --- a/site/content/docs/5.2/examples/checkout/index.html +++ b/site/content/docs/5.3/examples/checkout/index.html @@ -2,10 +2,10 @@ layout: examples title: Checkout example extra_css: - - "form-validation.css" + - "checkout.css" extra_js: - - src: "form-validation.js" -body_class: "bg-light" + - src: "checkout.js" +body_class: "bg-body-tertiary" --- <div class="container"> @@ -26,25 +26,25 @@ body_class: "bg-light" <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Product name</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$12</span> + <span class="text-body-secondary">$12</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Second product</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$8</span> + <span class="text-body-secondary">$8</span> </li> <li class="list-group-item d-flex justify-content-between lh-sm"> <div> <h6 class="my-0">Third item</h6> - <small class="text-muted">Brief description</small> + <small class="text-body-secondary">Brief description</small> </div> - <span class="text-muted">$5</span> + <span class="text-body-secondary">$5</span> </li> - <li class="list-group-item d-flex justify-content-between bg-light"> + <li class="list-group-item d-flex justify-content-between bg-body-tertiary"> <div class="text-success"> <h6 class="my-0">Promo code</h6> <small>EXAMPLECODE</small> @@ -96,7 +96,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="email" class="form-label">Email <span class="text-muted">(Optional)</span></label> + <label for="email" class="form-label">Email <span class="text-body-secondary">(Optional)</span></label> <input type="email" class="form-control" id="email" placeholder="you@example.com"> <div class="invalid-feedback"> Please enter a valid email address for shipping updates. @@ -112,7 +112,7 @@ body_class: "bg-light" </div> <div class="col-12"> - <label for="address2" class="form-label">Address 2 <span class="text-muted">(Optional)</span></label> + <label for="address2" class="form-label">Address 2 <span class="text-body-secondary">(Optional)</span></label> <input type="text" class="form-control" id="address2" placeholder="Apartment or suite"> </div> @@ -182,7 +182,7 @@ body_class: "bg-light" <div class="col-md-6"> <label for="cc-name" class="form-label">Name on card</label> <input type="text" class="form-control" id="cc-name" placeholder="" required> - <small class="text-muted">Full name as displayed on card</small> + <small class="text-body-secondary">Full name as displayed on card</small> <div class="invalid-feedback"> Name on card is required </div> @@ -221,7 +221,7 @@ body_class: "bg-light" </div> </main> - <footer class="my-5 pt-5 text-muted text-center text-small"> + <footer class="my-5 pt-5 text-body-secondary text-center text-small"> <p class="mb-1">© 2017–{{< year >}} Company Name</p> <ul class="list-inline"> <li class="list-inline-item"><a href="#">Privacy</a></li> |