layout-builder.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .add-section {
  2. width: 100%;
  3. outline: 2px dashed #979797;
  4. padding: 1.5em 0;
  5. text-align: center;
  6. margin-bottom: 1.5em;
  7. transition: visually-hidden 2s ease-out, height 2s ease-in;
  8. }
  9. .layout-section {
  10. margin-bottom: 1.5em;
  11. }
  12. .layout-section .layout-builder--layout__region {
  13. outline: 2px dashed #2f91da;
  14. padding: 1.5em 0;
  15. }
  16. .layout-section .layout-builder--layout__region .add-block {
  17. text-align: center;
  18. }
  19. .layout-section .remove-section {
  20. position: relative;
  21. background: url(../../../misc/icons/bebebe/ex.svg) #fff center center / 16px 16px no-repeat;
  22. border: 1px solid #ccc;
  23. box-sizing: border-box;
  24. font-size: 1rem;
  25. padding: 0;
  26. height: 26px;
  27. width: 26px;
  28. white-space: nowrap;
  29. text-indent: -9999px;
  30. display: inline-block;
  31. border-radius: 26px;
  32. margin-left: -10px;
  33. }
  34. .layout-section .remove-section:hover {
  35. background-image: url(../../../misc/icons/787878/ex.svg);
  36. }
  37. #drupal-off-canvas .layout-selection li {
  38. display: block;
  39. padding-bottom: 1em;
  40. }
  41. #drupal-off-canvas .layout-selection li a {
  42. display: block;
  43. padding-top: 0.55em;
  44. }