You are here

commerce_cart_blocks.button.layout.css in Commerce Cart Blocks 8

Reusable layout styling for Commerce Cart components

File

css/commerce_cart_blocks.button.layout.css
View source
  1. /**
  2. * @file
  3. * Reusable layout styling for Commerce Cart components
  4. */
  5. .commerce-cart-block--type-button .commerce-cart-block--summary a {
  6. display: block;
  7. }
  8. .commerce-cart-block--type-button .commerce-cart-block--contents {
  9. display: none;
  10. position: absolute;
  11. overflow: hidden;
  12. z-index: 300;
  13. }
  14. .commerce-cart-block--type-button .commerce-cart-block--contents__items {
  15. overflow-x: hidden;
  16. overflow-y: scroll;
  17. max-height: 300px;
  18. }
  19. .commerce-cart-block--type-button .commerce-cart-block--contents.is-outside-horizontal {
  20. right: 0;
  21. }
  22. .commerce-cart-block--type-button .commerce-cart-block--contents__expanded {
  23. overflow: visible;
  24. }