Açıklama Yok

block-editor-styles.css 6.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. /*!******************************************************************************
  2. * Copyright (c) 2020, Code Atlantic LLC.
  3. ******************************************************************************/
  4. /**
  5. * Colors
  6. */
  7. /**
  8. * Colors
  9. */
  10. /**
  11. * Fonts & basic variables.
  12. */
  13. /**
  14. * Grid System.
  15. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  16. */
  17. /**
  18. * Dimensions.
  19. */
  20. /**
  21. * Shadows.
  22. */
  23. /**
  24. * Editor widths.
  25. */
  26. /**
  27. * Block UI.
  28. */
  29. /**
  30. * Border radii.
  31. */
  32. /**
  33. * Breakpoint mixins
  34. */
  35. /**
  36. * Long content fade mixin
  37. *
  38. * Creates a fading overlay to signify that the content is longer
  39. * than the space allows.
  40. */
  41. /**
  42. * Focus styles.
  43. */
  44. /**
  45. * Applies editor left position to the selector passed as argument
  46. */
  47. /**
  48. * Styles that are reused verbatim in a few places
  49. */
  50. /**
  51. * Allows users to opt-out of animations via OS-level preferences.
  52. */
  53. /**
  54. * Reset default styles for JavaScript UI based pages.
  55. * This is a WP-admin agnostic reset
  56. */
  57. /**
  58. * Reset the WP Admin page styles for Gutenberg-like pages.
  59. */
  60. :root {
  61. --wp-admin-theme-color: #007cba;
  62. --wp-admin-theme-color-darker-10: #006ba1;
  63. --wp-admin-theme-color-darker-20: #005a87; }
  64. /**
  65. * Breakpoints & Media Queries
  66. */
  67. .components-popover .block-editor-popup-select-input {
  68. flex-grow: 1;
  69. position: relative;
  70. padding: 1px; }
  71. .components-popover .block-editor-popup-select-input .components-base-control__field {
  72. margin-bottom: 0; }
  73. .components-popover .block-editor-popup-select-input input[type="text"],
  74. .components-popover .block-editor-popup-select-input select {
  75. width: 100%;
  76. min-width: 300px;
  77. border: none;
  78. border-radius: 0;
  79. /* Fonts smaller than 16px causes mobile safari to zoom. */
  80. font-size: 16px; }
  81. @media (min-width: 600px) {
  82. .components-popover .block-editor-popup-select-input input[type="text"],
  83. .components-popover .block-editor-popup-select-input select {
  84. width: 300px; } }
  85. @media (min-width: 600px) {
  86. .components-popover .block-editor-popup-select-input input[type="text"],
  87. .components-popover .block-editor-popup-select-input select {
  88. font-size: 13px; } }
  89. .components-popover .block-editor-popup-select-input input[type="text"]::-ms-clear,
  90. .components-popover .block-editor-popup-select-input select::-ms-clear {
  91. display: none; }
  92. /**
  93. * Colors
  94. */
  95. /**
  96. * Fonts & basic variables.
  97. */
  98. /**
  99. * Grid System.
  100. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  101. */
  102. /**
  103. * Dimensions.
  104. */
  105. /**
  106. * Shadows.
  107. */
  108. /**
  109. * Editor widths.
  110. */
  111. /**
  112. * Block UI.
  113. */
  114. /**
  115. * Border radii.
  116. */
  117. /** Copied from @wordpress/block-editor/src/components/url-popover/style.scss */
  118. .block-editor-popup-trigger-popover__additional-controls {
  119. border-top: 1px solid #e2e4e7; }
  120. .block-editor-popup-trigger-popover__additional-controls > div[role="menu"] .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default) > svg {
  121. box-shadow: none; }
  122. .block-editor-popup-trigger-popover__additional-controls div[role="menu"] > .components-icon-button {
  123. padding-left: 2px; }
  124. .block-editor-popup-trigger-popover .components-notice.is-dismissible {
  125. margin: 0;
  126. padding-right: 0; }
  127. .block-editor-popup-trigger-popover .components-notice.is-dismissible .components-notice__content {
  128. margin: 0; }
  129. .block-editor-popup-trigger-popover__row {
  130. display: flex; }
  131. .block-editor-popup-trigger-popover__row > :not(.block-editor-popup-trigger-popover__settings-toggle) {
  132. flex-grow: 1; }
  133. .block-editor-popup-trigger-popover .components-icon-button {
  134. padding: 3px; }
  135. .block-editor-popup-trigger-popover .components-icon-button > svg {
  136. padding: 5px;
  137. border-radius: 4px;
  138. height: 30px;
  139. width: 30px; }
  140. .block-editor-popup-trigger-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover {
  141. box-shadow: none; }
  142. .block-editor-popup-trigger-popover .components-icon-button:not(:disabled):not([aria-disabled="true"]):not(.is-default):hover > svg {
  143. outline: none;
  144. background-color: #fff;
  145. color: #191e23;
  146. box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff; }
  147. .block-editor-popup-trigger-popover .components-icon-button:not(:disabled):focus {
  148. box-shadow: none; }
  149. .block-editor-popup-trigger-popover .components-icon-button:not(:disabled):focus > svg {
  150. box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
  151. box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 4px #fff;
  152. box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
  153. outline: 2px solid transparent; }
  154. .block-editor-popup-trigger-popover__settings-toggle {
  155. flex-shrink: 0;
  156. border-radius: 0;
  157. border-left: 1px solid #e2e4e7;
  158. margin-left: 1px; }
  159. .block-editor-popup-trigger-popover__settings-toggle[aria-expanded="true"] .dashicon {
  160. transform: rotate(180deg); }
  161. .block-editor-popup-trigger-popover__settings {
  162. display: block;
  163. padding: 16px;
  164. border-top: 1px solid #e2e4e7; }
  165. .block-editor-popup-trigger-popover__settings .components-base-control:last-child,
  166. .block-editor-popup-trigger-popover__settings .components-base-control:last-child .components-base-control__field {
  167. margin-bottom: 0; }
  168. .block-editor-popup-trigger-popover__popup-editor,
  169. .block-editor-popup-trigger-popover__popup-viewer {
  170. display: flex; }
  171. .block-editor-popup-trigger-popover__popup-viewer-text {
  172. margin: 7px;
  173. flex-grow: 1;
  174. flex-shrink: 1;
  175. overflow: hidden;
  176. text-overflow: ellipsis;
  177. white-space: nowrap;
  178. min-width: 150px;
  179. max-width: 500px; }
  180. .block-editor-popup-trigger-popover__popup-viewer-text.has-invalid-link {
  181. color: #d94f4f; }
  182. .popup-trigger[data-popup-id] {
  183. border-bottom: 1px dashed #9aba27; }
  184. .popup-trigger[data-popup-id]::after {
  185. /*background: url("/wp-content/plugins/popup-maker/assets/images/logo.png") bottom center no-repeat;*/
  186. background: url(/wp-content/plugins/popup-maker/assets/images/logo.png) bottom center no-repeat;
  187. display: inline-block;
  188. width: 0.9em;
  189. height: 0.9em;
  190. content: " ";
  191. position: relative;
  192. background-size: contain;
  193. margin-left: 2px;
  194. vertical-align: text-top;
  195. pointer-events: none;
  196. touch-action: none; }
  197. .components-dropdown-menu__menu .components-dropdown-menu__menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg.popup-trigger-button-svg,
  198. .components-dropdown-menu__menu .components-menu-item:not(:disabled):not([aria-disabled="true"]):not(.is-default).is-active > svg.popup-trigger-button-svg {
  199. background: #ededed; }
  200. /*# sourceMappingURL=block-editor-styles.css.map*/