style-rtl.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**
  2. * Colors
  3. */
  4. /**
  5. * Breakpoints & Media Queries
  6. */
  7. /**
  8. * Often re-used variables
  9. */
  10. /**
  11. * Breakpoint mixins
  12. */
  13. /**
  14. * Long content fade mixin
  15. *
  16. * Creates a fading overlay to signify that the content is longer
  17. * than the space allows.
  18. */
  19. /**
  20. * Button states and focus styles
  21. */
  22. /**
  23. * Applies editor left position to the selector passed as argument
  24. */
  25. /**
  26. * Applies editor right position to the selector passed as argument
  27. */
  28. /**
  29. * Styles that are reused verbatim in a few places
  30. */
  31. /**
  32. * Allows users to opt-out of animations via OS-level preferences.
  33. */
  34. /**
  35. * Reset default styles for JavaScript UI based pages.
  36. * This is a WP-admin agnostic reset
  37. */
  38. /**
  39. * Reset the WP Admin page styles for Gutenberg-like pages.
  40. */
  41. .block-editor-format-toolbar__image-container-content {
  42. display: flex; }
  43. .block-editor-format-toolbar__image-container-content .components-icon-button {
  44. height: 52px;
  45. align-self: flex-end; }
  46. .block-editor-format-toolbar__image-container-value {
  47. margin: 7px;
  48. flex-grow: 1;
  49. flex-shrink: 1;
  50. white-space: nowrap;
  51. min-width: 150px;
  52. max-width: 500px; }
  53. .block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field {
  54. margin-bottom: 0; }
  55. .block-editor-format-toolbar__link-container-content {
  56. display: flex; }
  57. .block-editor-format-toolbar__link-container-value {
  58. margin: 7px;
  59. flex-grow: 1;
  60. flex-shrink: 1;
  61. overflow: hidden;
  62. text-overflow: ellipsis;
  63. white-space: nowrap;
  64. min-width: 150px;
  65. max-width: 500px; }
  66. .block-editor-format-toolbar__link-container-value.has-invalid-link {
  67. color: #d94f4f; }