You are here

Home » API reference » Commerce Core 7

commerce_checkout.theme.css in Commerce Core 7

Basic styling for the Commerce Checkout module.

File

modules/checkout/theme/commerce_checkout.theme.css
View source 
  1. 

  2. /**

  3.  * @file

  4.  * Basic styling for the Commerce Checkout module.

  5.  */

  6. 

  7. /**

  8.  * Make the cancel/back buttons appear as links.

  9.  */

  10. .checkout-buttons .checkout-cancel,

  11. .checkout-buttons .checkout-back {

  12.   border: 0;

  13.   background: none;

  14.   color: #0071B3;

  15.   padding: 4px 6px;

  16. }

  17. 

  18. .checkout-buttons .checkout-cancel:focus,

  19. .checkout-buttons .checkout-back:focus,

  20. .checkout-buttons .checkout-cancel:hover,

  21. .checkout-buttons .checkout-back:hover {

  22.   background: none;

  23.   color: #018fe2;

  24.   text-decoration: underline;

  25. }

  26. 

  27. /**

  28.  * Tweak review page layout.

  29.  */

  30. table.checkout-review .pane-title td {

  31.   padding-left: 1em; /* LTR */

  32.   font-weight: bold;

  33. }

  34. 

  35. table.checkout-review tr.pane-data {

  36.   vertical-align: top;

  37. }

  38. 

  39. table.checkout-review .pane-data-key {

  40.   font-weight: bold;

  41.   text-align: right; /* LTR */

  42.   white-space: nowrap;

  43.   padding-left: 3em; /* LTR */

  44.   width: 50%;

  45. }

  46. 

  47. table.checkout-review .pane-data-value {

  48.   padding-right: 3em; /* LTR */

  49. }

  50. 

  51. table.checkout-review .pane-data-full {

  52.   padding-left: 1em;

  53.   padding-right: 1em;

  54. }