gutenberg.less 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @gutenberg-modal-overlay: rgba(0, 0, 0, .7);
  2. @gutenberg-modal-background: #fff;
  3. @gutenberg-modal-spacing: 20px;
  4. @gutenberg-close-button-color: rgba(0, 0, 0, .5);
  5. @gutenberg-close-button-hover-color: rgba(0, 0, 0, .7);
  6. @gutenberg-close-button-size: 16px;
  7. @gutenberg-close-button-padding: 5px;
  8. @gutenberg-close-button-offset: 25px;
  9. .wpb-gutenberg-modal {
  10. position: fixed;
  11. overflow: hidden;
  12. left: 0;
  13. top: 0;
  14. right: 0;
  15. bottom: 0;
  16. background: @gutenberg-modal-overlay;
  17. z-index: 10000;
  18. .wpb-loading-overlay {
  19. top: @gutenberg-modal-spacing;
  20. left: @gutenberg-modal-spacing;
  21. right: @gutenberg-modal-spacing;
  22. bottom: @gutenberg-modal-spacing;
  23. background: @gutenberg-modal-background;
  24. align-items: center;
  25. z-index: 1;
  26. }
  27. }
  28. .wpb-gutenberg-modal-inner {
  29. background: @gutenberg-modal-background;
  30. position: fixed;
  31. top: @gutenberg-modal-spacing;
  32. left: @gutenberg-modal-spacing;
  33. right: @gutenberg-modal-spacing;
  34. bottom: @gutenberg-modal-spacing;
  35. }
  36. .admin-bar .wpb-gutenberg-modal-inner {
  37. top: @gutenberg-modal-spacing*2;
  38. }
  39. .wpb-gutenberg-modal-inner iframe {
  40. width: 100%;
  41. height: 100%;
  42. }
  43. button.wpb-gutenberg-modal-close-button {
  44. position: absolute;
  45. top: @gutenberg-close-button-offset;
  46. right: @gutenberg-close-button-offset;
  47. color: @gutenberg-close-button-color;
  48. background: transparent;
  49. border: 0;
  50. box-shadow: none;
  51. transition: color .2s ease-in-out;
  52. font-size: @gutenberg-close-button-size;
  53. padding: @gutenberg-close-button-padding;
  54. cursor: pointer;
  55. &:hover,
  56. &:focus {
  57. background: transparent;
  58. border: 0;
  59. box-shadow: none;
  60. color: @gutenberg-close-button-hover-color;
  61. }
  62. }
  63. button.vc_gutenberg-modal-update-button {
  64. position: absolute;
  65. top: @gutenberg-close-button-offset;
  66. right: @gutenberg-close-button-offset + @gutenberg-close-button-offset + (@gutenberg-close-button-offset / 2);
  67. padding-top: 8px;
  68. padding-bottom: 8px;
  69. min-height: 10px;
  70. }