You are here

editor.css in Gutenberg 8.2

Same filename in this branch
  1. 8.2 css/editor.css
  2. 8.2 vendor/gutenberg/block-library/editor.css
Same filename and directory in other branches
  1. 8 css/editor.css
/**
 * Don't edit this file. Find all style at ./sass folder.
 **/
.node-form .gutenberg-sidebar {
  display: none;
}

#gutenberg-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
}

#gutenberg-loading.hide {
  display: none;
}

.gutenberg-full-editor:not(.ready) {
  display: none;
}

.layout-container.full-width {
  margin: 0;
}

body .gutenberg {
  position: relative;
}

.field--gutenberg .form-item + label {
  display: none;
}

.field--gutenberg .filter-wrapper {
  display: none;
}

.edit-post-more-menu__content .components-dropdown-menu__menu .components-menu-group:last-child {
  display: none;
}

.edit-post-header__settings .components-button.editor-post-save-draft {
  display: none;
}

.edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
  display: none;
}

.edit-post-header__settings .editor-post-saved-state {
  display: none;
}

.edit-post-sidebar select {
  background-repeat: no-repeat;
  background-position: center right;
}

.edit-post-header .edit-post-fullscreen-mode-close {
  display: none;
}

.is-fullscreen-mode .edit-post-header .edit-post-fullscreen-mode-close.drupal {
  display: flex;
}

.edit-post-layout {
  transition: ease-in-out 0.2s all;
}

.edit-post-visual-editor {
  padding-top: 60px;
}

.edit-post-welcome-guide .components-guide__page-control li[aria-current="step"] svg circle {
  fill: #0678be;
}

.edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu .components-menu-group:nth-child(3) div[role='group'] *:nth-child(4), .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu .components-menu-group:nth-child(3) div[role='group'] *:nth-child(5) {
  display: none;
}

body.is-fullscreen-mode .edit-post-layout {
  left: 0 !important;
  top: 0 !important;
  z-index: 999 !important;
}

body.is-fullscreen-mode .ui-autocomplete {
  z-index: 1000;
}

input[type="search"] {
  box-sizing: border-box;
}

.gutenberg__editor {
  position: relative;
}

.gutenberg__editor * {
  box-sizing: border-box;
}

.gutenberg__editor *:focus {
  outline-width: 0;
}

.block-editor-block-list__layout {
  font-size: 15px;
}

@media (min-width: 782px) {
  .interface-interface-skeleton {
    top: 39px;
    left: 0;
  }
  .toolbar-horizontal.toolbar-tray-open .interface-interface-skeleton {
    top: 78px;
    left: 0;
  }
  .toolbar-vertical.toolbar-tray-open .interface-interface-skeleton {
    top: 39px;
    left: 240px;
  }
}

ul.block-editor-block-navigation__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.components-panel__header.edit-post-sidebar__panel-tabs ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.components-panel__body.node-settings-plugin.is-opened {
  padding: 0;
}

.components-panel__body.node-settings-plugin.is-opened .components-panel__body-title {
  display: none;
}

.components-panel__body .components-input-control__container .components-input-control__input,
.components-panel__body .components-input-control__container .components-select-control__input {
  z-index: 1;
}

.components-panel__body .components-input-control__container .components-input-control__backdrop {
  z-index: 0;
  background: none;
}

.entity-meta {
  border: 0 !important;
}

.wp-block {
  max-width: 720px;
}

.wp-block[data-align="wide"] img, .wp-block[data-align="full"] img {
  width: 100%;
}

.media-entity-search-input {
  margin: 0 !important;
}

.media-entity-search-input input {
  padding: 0 4px !important;
  line-height: 28px !important;
}

@media (min-width: 600px) {
  .media-entity-search-input input {
    width: 240px !important;
  }
}

.wp-block-drupalmedia-drupal-media-entity {
  margin-right: 0;
  margin-left: 0;
}

.wp-block-drupalmedia-drupal-media-entity figcaption {
  text-align: center;
}

.ui-dialog {
  z-index: 1000000 !important;
}

input, textarea {
  box-sizing: border-box;
}

/*# sourceMappingURL=editor.css.map */

File

css/editor.css
View source
  1. /**
  2. * Don't edit this file. Find all style at ./sass folder.
  3. **/
  4. .node-form .gutenberg-sidebar {
  5. display: none;
  6. }
  7. #gutenberg-loading {
  8. position: absolute;
  9. left: 0;
  10. top: 0;
  11. right: 0;
  12. bottom: 0;
  13. display: flex;
  14. align-items: center;
  15. justify-content: center;
  16. z-index: 10000;
  17. }
  18. #gutenberg-loading.hide {
  19. display: none;
  20. }
  21. .gutenberg-full-editor:not(.ready) {
  22. display: none;
  23. }
  24. .layout-container.full-width {
  25. margin: 0;
  26. }
  27. body .gutenberg {
  28. position: relative;
  29. }
  30. .field--gutenberg .form-item + label {
  31. display: none;
  32. }
  33. .field--gutenberg .filter-wrapper {
  34. display: none;
  35. }
  36. .edit-post-more-menu__content .components-dropdown-menu__menu .components-menu-group:last-child {
  37. display: none;
  38. }
  39. .edit-post-header__settings .components-button.editor-post-save-draft {
  40. display: none;
  41. }
  42. .edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
  43. display: none;
  44. }
  45. .edit-post-header__settings .editor-post-saved-state {
  46. display: none;
  47. }
  48. .edit-post-sidebar select {
  49. background-repeat: no-repeat;
  50. background-position: center right;
  51. }
  52. .edit-post-header .edit-post-fullscreen-mode-close {
  53. display: none;
  54. }
  55. .is-fullscreen-mode .edit-post-header .edit-post-fullscreen-mode-close.drupal {
  56. display: flex;
  57. }
  58. .edit-post-layout {
  59. transition: ease-in-out 0.2s all;
  60. }
  61. .edit-post-visual-editor {
  62. padding-top: 60px;
  63. }
  64. .edit-post-welcome-guide .components-guide__page-control li[aria-current="step"] svg circle {
  65. fill: #0678be;
  66. }
  67. .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu .components-menu-group:nth-child(3) div[role='group'] *:nth-child(4), .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu .components-menu-group:nth-child(3) div[role='group'] *:nth-child(5) {
  68. display: none;
  69. }
  70. body.is-fullscreen-mode .edit-post-layout {
  71. left: 0 !important;
  72. top: 0 !important;
  73. z-index: 999 !important;
  74. }
  75. body.is-fullscreen-mode .ui-autocomplete {
  76. z-index: 1000;
  77. }
  78. input[type="search"] {
  79. box-sizing: border-box;
  80. }
  81. .gutenberg__editor {
  82. position: relative;
  83. }
  84. .gutenberg__editor * {
  85. box-sizing: border-box;
  86. }
  87. .gutenberg__editor *:focus {
  88. outline-width: 0;
  89. }
  90. .block-editor-block-list__layout {
  91. font-size: 15px;
  92. }
  93. @media (min-width: 782px) {
  94. .interface-interface-skeleton {
  95. top: 39px;
  96. left: 0;
  97. }
  98. .toolbar-horizontal.toolbar-tray-open .interface-interface-skeleton {
  99. top: 78px;
  100. left: 0;
  101. }
  102. .toolbar-vertical.toolbar-tray-open .interface-interface-skeleton {
  103. top: 39px;
  104. left: 240px;
  105. }
  106. }
  107. ul.block-editor-block-navigation__list {
  108. margin: 0;
  109. padding: 0;
  110. list-style: none;
  111. }
  112. .components-panel__header.edit-post-sidebar__panel-tabs ul {
  113. margin: 0;
  114. padding: 0;
  115. list-style: none;
  116. }
  117. .components-panel__body.node-settings-plugin.is-opened {
  118. padding: 0;
  119. }
  120. .components-panel__body.node-settings-plugin.is-opened .components-panel__body-title {
  121. display: none;
  122. }
  123. .components-panel__body .components-input-control__container .components-input-control__input,
  124. .components-panel__body .components-input-control__container .components-select-control__input {
  125. z-index: 1;
  126. }
  127. .components-panel__body .components-input-control__container .components-input-control__backdrop {
  128. z-index: 0;
  129. background: none;
  130. }
  131. .entity-meta {
  132. border: 0 !important;
  133. }
  134. .wp-block {
  135. max-width: 720px;
  136. }
  137. .wp-block[data-align="wide"] img, .wp-block[data-align="full"] img {
  138. width: 100%;
  139. }
  140. .media-entity-search-input {
  141. margin: 0 !important;
  142. }
  143. .media-entity-search-input input {
  144. padding: 0 4px !important;
  145. line-height: 28px !important;
  146. }
  147. @media (min-width: 600px) {
  148. .media-entity-search-input input {
  149. width: 240px !important;
  150. }
  151. }
  152. .wp-block-drupalmedia-drupal-media-entity {
  153. margin-right: 0;
  154. margin-left: 0;
  155. }
  156. .wp-block-drupalmedia-drupal-media-entity figcaption {
  157. text-align: center;
  158. }
  159. .ui-dialog {
  160. z-index: 1000000 !important;
  161. }
  162. input, textarea {
  163. box-sizing: border-box;
  164. }
  165. /*# sourceMappingURL=editor.css.map */