You are here

Home » API reference » Gutenberg 8

editor.css in Gutenberg 8

Same filename in this branch
  1. 8 css/editor.css
  2. 8 vendor/gutenberg/block-library/editor.css
Same filename and directory in other branches
  1. 8.2 css/editor.css
/**
 * Don't edit this file. Find all style at ./sass folder.
 **/
@media (min-width: 600px) {
  body .gutenberg__editor {
    position: relative;
  }
}

@media (min-width: 782px) {
  .gutenberg__editor .edit-post-sidebar {
    top: 56px;
  }
}

.components-modal__content ul {
  list-style: none;
}

.gutenberg__editor {
  position: relative;
}

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

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

.gutenberg__editor input[type=checkbox] {
  border: 1px solid #b4b9be;
  background: #fff;
  color: #555;
  clear: none;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  height: 16px;
  margin: -4px 4px 0 0;
  outline: 0;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  min-width: 16px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: 0.05s border-color ease-in-out;
}

.gutenberg__editor .edit-post-layout {
  padding-top: 0;
  /**
      * Hide Block Manager menu item.
      * To properly override this, a new edit-post component
      * is needed. Maybe a TODO.
      */
}

@media (min-width: 960px) {
  .gutenberg__editor .edit-post-layout {
    padding-top: 0;
  }
}

@media (min-width: 600px) {
  .gutenberg__editor .edit-post-layout {
    padding-top: 0;
  }
}

.gutenberg__editor .edit-post-layout .edit-post-header,
.gutenberg__editor .edit-post-layout .edit-post-sidebar,
.gutenberg__editor .edit-post-layout .components-popover {
  font-family: inherit;
  font-size: 13px;
}

@media (min-width: 782px) {
  .gutenberg__editor .edit-post-layout .edit-post-header {
    position: sticky;
    left: 0;
    top: 0;
  }
}

@media (min-width: 782px) {
  .gutenberg__editor .edit-post-layout .components-notice-list {
    left: 0;
  }
}

.gutenberg__editor .edit-post-layout .components-notice-list .notice,
.gutenberg__editor .edit-post-layout .components-notice-list div.error,
.gutenberg__editor .edit-post-layout .components-notice-list div.updated {
  background: #fff;
  border-left: 4px solid #fff;
}

.gutenberg__editor .edit-post-layout .components-notice-list .notice-alt {
  box-shadow: none;
}

.gutenberg__editor .edit-post-layout .components-notice-list .notice-success.notice-alt {
  background-color: #ecf7ed;
}

.gutenberg__editor .edit-post-layout .components-notice-list .notice-success,
.gutenberg__editor .edit-post-layout .components-notice-list div.updated {
  border-left-color: #46b450;
}

.gutenberg__editor .edit-post-layout .components-notice-list .notice-dismiss {
  position: absolute;
  top: 0;
  right: 1px;
  border: none;
  margin: 5px;
  padding: 9px;
  background: 0 0;
  color: #72777c;
  cursor: pointer;
}

.gutenberg__editor .edit-post-layout .edit-post-sidebar .edit-post-sidebar__panel-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gutenberg__editor .edit-post-layout .edit-post-more-menu__content .components-popover__content .components-menu-group:nth-child(3) div[role='menu'] > button:first-child {
  display: none;
}

.gutenberg__editor .screen-reader-text,
.gutenberg__editor .screen-reader-text span,
.gutenberg__editor .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.gutenberg__editor .edit-post-visual-editor {
  font-family: inherit;
}

.gutenberg__editor .edit-post-visual-editor p {
  font-family: inherit;
  line-height: 1.2em;
}

.gutenberg__editor .edit-post-visual-editor .editor-post-title .editor-post-title__input {
  font-family: inherit;
}

.gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-block-list__block.is-selected, .gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-block-list__block.is-hovered {
  outline-width: 0;
}

.gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-default-block-appender__content {
  font-family: inherit;
}

.gutenberg__editor .components-range-control .components-base-control__label {
  width: auto;
  flex: 1;
}

.gutenberg__editor .components-color-palette__item:focus:after {
  top: -3px;
  left: -3px;
}

body .gutenberg__editor .edit-post-layout .components-popover {
  font-family: inherit;
}

.components-notice-list {
  top: 56px !important;
}

.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;
}

.editor-block-types-list__item-title {
  padding: 4px 2px;
  min-height: 68px;
}

.wp-block[data-type="core-embed/youtube"] iframe {
  width: 100%;
}

.wp-block-cover .block-editor-url-input input {
  color: #000;
}

body .gutenberg__editor .edit-post-layout .edit-post-header {
  font-family: inherit;
}

@media (min-width: 782px) {
  body .gutenberg__editor .edit-post-layout .edit-post-header {
    position: fixed;
  }
}

body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 600px) {
  body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions input[type="submit"] {
    float: none;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
  }
  body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions a.button {
    padding: 5px 0;
  }
}

@media (min-width: 782px) {
  body.toolbar-horizontal .edit-post-sidebar {
    top: 95px !important;
  }
}

@media (min-width: 782px) {
  body.toolbar-horizontal .edit-post-header {
    top: 39px !important;
    left: 0 !important;
  }
}

@media (min-width: 782px) {
  body.toolbar-horizontal.toolbar-tray-open .edit-post-sidebar {
    top: 134px !important;
  }
}

@media (min-width: 782px) {
  body.toolbar-horizontal.toolbar-tray-open .edit-post-header {
    top: 78px !important;
  }
}

@media (min-width: 782px) {
  body.toolbar-vertical .edit-post-sidebar {
    top: 95px !important;
  }
}

@media (min-width: 782px) {
  body.toolbar-vertical .edit-post-header {
    top: 39px !important;
    left: 240px !important;
  }
}

.edit-post-visual-editor {
  padding: 80px 0;
}

.edit-post-visual-editor .editor-block-list__block[data-align="full"] {
  margin-left: -46px !important;
  margin-right: -46px !important;
}

.edit-post-layout__content {
  padding-bottom: 4px;
}

@media (min-width: 600px) {
  .edit-post-layout__content {
    overscroll-behavior-y: auto !important;
  }
}

@media (min-width: 782px) {
  .edit-post-layout__content {
    margin-left: 0px;
  }
}

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

.edit-post-sidebar {
  background: #ececec !important;
}

.edit-post-sidebar .components-base-control {
  padding-right: 16px;
}

.edit-post-sidebar .components-button:focus {
  background: none !important;
}

.edit-post-sidebar .edit-post-sidebar-header {
  background: #ececec !important;
  height: auto;
  border: none;
}

.edit-post-sidebar .edit-post-extra-sidebar__panel {
  display: none;
}

.edit-post-sidebar button.edit-post-sidebar__panel-tab {
  color: #0074bd;
  background-color: #eee;
  height: 36px;
}

.edit-post-sidebar button.edit-post-sidebar__panel-tab.is-active {
  border-color: transparent !important;
  background-color: #fff;
}

.edit-post-sidebar .edit-post-post-status {
  display: none;
}

.edit-post-sidebar .editor-block-inspector__card {
  border-bottom: 1px solid #bfbfbf;
}

.edit-post-sidebar .components-panel__body .components-panel__body {
  background-color: #fcfcfa;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #bfbfbf;
}

.edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button {
  color: #0074bd;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 white;
}

.edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button:before {
  content: '\25BA';
  font-size: 10px;
  line-height: 22px;
  margin-right: 6px;
}

.edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button:hover {
  color: #004f80;
}

.edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button svg {
  display: none;
}

.edit-post-sidebar .components-panel__body .components-panel__body.is-opened {
  background-color: #ececec;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
  border-top-width: 0;
  padding-top: 17px;
}

.edit-post-sidebar .components-panel__body .components-panel__body.is-opened .components-panel__body-title button {
  color: #004f80;
}

.edit-post-sidebar .components-panel__body .components-panel__body.is-opened .components-panel__body-title button:before {
  content: '\25BC';
}

.edit-post-sidebar .entity-meta {
  border: none;
}

.edit-post-sidebar .entity-meta .entity-meta__header {
  background-color: white;
  border-top: none;
  border-radius: 0;
  padding: 0 10px;
}

.edit-post-sidebar .entity-meta .seven-details > summary {
  padding: 1.25em;
}

.edit-post-sidebar select {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center right;
  padding: 5px 5px;
  line-height: 1.3em;
}

.edit-post-sidebar #edit-additional-fields {
  padding: 0 10px 10px;
}

.gutenberg-sidebar {
  display: none;
}

.edit-post-meta-boxes-area__container {
  margin: auto auto;
  max-width: 810px;
  padding: 0 14px;
}

@media (min-width: 782px) {
  .edit-post-layout__content .components-editor-notices__snackbar {
    left: 0;
  }
  .edit-post-layout__footer {
    left: 0;
  }
}

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

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

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

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

body .gutenberg__editor .edit-post-layout .edit-post-sidebar {
  font-family: inherit;
}

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

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

.wp-block-embed iframe {
  border: none;
}

.editor-rich-text__tinymce[data-is-placeholder-visible="true"] {
  z-index: 2;
}

.editor-rich-text__tinymce ~ .editor-rich-text__tinymce {
  opacity: 0.5;
  pointer-events: none;
}

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

.edit-post-header__settings .editor-post-publish-panel__toggle {
  display: none !important;
}

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

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

.wp-block[data-type='core/heading'] h1 {
  font-size: 4em;
}

.wp-block[data-align=wide] {
  max-width: 810px;
}

/*# 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. @media (min-width: 600px) {

  5.   body .gutenberg__editor {

  6.     position: relative;

  7.   }

  8. }

  9. 

  10. @media (min-width: 782px) {

  11.   .gutenberg__editor .edit-post-sidebar {

  12.     top: 56px;

  13.   }

  14. }

  15. 

  16. .components-modal__content ul {

  17.   list-style: none;

  18. }

  19. 

  20. .gutenberg__editor {

  21.   position: relative;

  22. }

  23. 

  24. .gutenberg__editor * {

  25.   box-sizing: border-box;

  26. }

  27. 

  28. .gutenberg__editor *:focus {

  29.   outline-width: 0;

  30. }

  31. 

  32. .gutenberg__editor input[type=checkbox] {

  33.   border: 1px solid #b4b9be;

  34.   background: #fff;

  35.   color: #555;

  36.   clear: none;

  37.   cursor: pointer;

  38.   display: inline-block;

  39.   line-height: 0;

  40.   height: 16px;

  41.   margin: -4px 4px 0 0;

  42.   outline: 0;

  43.   padding: 0 !important;

  44.   text-align: center;

  45.   vertical-align: middle;

  46.   width: 16px;

  47.   min-width: 16px;

  48.   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);

  49.   transition: 0.05s border-color ease-in-out;

  50. }

  51. 

  52. .gutenberg__editor .edit-post-layout {

  53.   padding-top: 0;

  54.   /**

  55.       * Hide Block Manager menu item.

  56.       * To properly override this, a new edit-post component

  57.       * is needed. Maybe a TODO.

  58.       */

  59. }

  60. 

  61. @media (min-width: 960px) {

  62.   .gutenberg__editor .edit-post-layout {

  63.     padding-top: 0;

  64.   }

  65. }

  66. 

  67. @media (min-width: 600px) {

  68.   .gutenberg__editor .edit-post-layout {

  69.     padding-top: 0;

  70.   }

  71. }

  72. 

  73. .gutenberg__editor .edit-post-layout .edit-post-header,

  74. .gutenberg__editor .edit-post-layout .edit-post-sidebar,

  75. .gutenberg__editor .edit-post-layout .components-popover {

  76.   font-family: inherit;

  77.   font-size: 13px;

  78. }

  79. 

  80. @media (min-width: 782px) {

  81.   .gutenberg__editor .edit-post-layout .edit-post-header {

  82.     position: sticky;

  83.     left: 0;

  84.     top: 0;

  85.   }

  86. }

  87. 

  88. @media (min-width: 782px) {

  89.   .gutenberg__editor .edit-post-layout .components-notice-list {

  90.     left: 0;

  91.   }

  92. }

  93. 

  94. .gutenberg__editor .edit-post-layout .components-notice-list .notice,

  95. .gutenberg__editor .edit-post-layout .components-notice-list div.error,

  96. .gutenberg__editor .edit-post-layout .components-notice-list div.updated {

  97.   background: #fff;

  98.   border-left: 4px solid #fff;

  99. }

  100. 

  101. .gutenberg__editor .edit-post-layout .components-notice-list .notice-alt {

  102.   box-shadow: none;

  103. }

  104. 

  105. .gutenberg__editor .edit-post-layout .components-notice-list .notice-success.notice-alt {

  106.   background-color: #ecf7ed;

  107. }

  108. 

  109. .gutenberg__editor .edit-post-layout .components-notice-list .notice-success,

  110. .gutenberg__editor .edit-post-layout .components-notice-list div.updated {

  111.   border-left-color: #46b450;

  112. }

  113. 

  114. .gutenberg__editor .edit-post-layout .components-notice-list .notice-dismiss {

  115.   position: absolute;

  116.   top: 0;

  117.   right: 1px;

  118.   border: none;

  119.   margin: 5px;

  120.   padding: 9px;

  121.   background: 0 0;

  122.   color: #72777c;

  123.   cursor: pointer;

  124. }

  125. 

  126. .gutenberg__editor .edit-post-layout .edit-post-sidebar .edit-post-sidebar__panel-tabs ul {

  127.   list-style: none;

  128.   margin: 0;

  129.   padding: 0;

  130. }

  131. 

  132. .gutenberg__editor .edit-post-layout .edit-post-more-menu__content .components-popover__content .components-menu-group:nth-child(3) div[role='menu'] > button:first-child {

  133.   display: none;

  134. }

  135. 

  136. .gutenberg__editor .screen-reader-text,

  137. .gutenberg__editor .screen-reader-text span,

  138. .gutenberg__editor .ui-helper-hidden-accessible {

  139.   border: 0;

  140.   clip: rect(1px, 1px, 1px, 1px);

  141.   -webkit-clip-path: inset(50%);

  142.   clip-path: inset(50%);

  143.   height: 1px;

  144.   margin: -1px;

  145.   overflow: hidden;

  146.   padding: 0;

  147.   position: absolute;

  148.   width: 1px;

  149.   word-wrap: normal !important;

  150. }

  151. 

  152. .gutenberg__editor .edit-post-visual-editor {

  153.   font-family: inherit;

  154. }

  155. 

  156. .gutenberg__editor .edit-post-visual-editor p {

  157.   font-family: inherit;

  158.   line-height: 1.2em;

  159. }

  160. 

  161. .gutenberg__editor .edit-post-visual-editor .editor-post-title .editor-post-title__input {

  162.   font-family: inherit;

  163. }

  164. 

  165. .gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-block-list__block.is-selected, .gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-block-list__block.is-hovered {

  166.   outline-width: 0;

  167. }

  168. 

  169. .gutenberg__editor .edit-post-visual-editor .editor-block-list__layout .editor-default-block-appender__content {

  170.   font-family: inherit;

  171. }

  172. 

  173. .gutenberg__editor .components-range-control .components-base-control__label {

  174.   width: auto;

  175.   flex: 1;

  176. }

  177. 

  178. .gutenberg__editor .components-color-palette__item:focus:after {

  179.   top: -3px;

  180.   left: -3px;

  181. }

  182. 

  183. body .gutenberg__editor .edit-post-layout .components-popover {

  184.   font-family: inherit;

  185. }

  186. 

  187. .components-notice-list {

  188.   top: 56px !important;

  189. }

  190. 

  191. .media-entity-search-input {

  192.   margin: 0 !important;

  193. }

  194. 

  195. .media-entity-search-input input {

  196.   padding: 0 4px !important;

  197.   line-height: 28px !important;

  198. }

  199. 

  200. @media (min-width: 600px) {

  201.   .media-entity-search-input input {

  202.     width: 240px !important;

  203.   }

  204. }

  205. 

  206. .wp-block-drupalmedia-drupal-media-entity {

  207.   margin-right: 0;

  208.   margin-left: 0;

  209. }

  210. 

  211. .wp-block-drupalmedia-drupal-media-entity figcaption {

  212.   text-align: center;

  213. }

  214. 

  215. .editor-block-types-list__item-title {

  216.   padding: 4px 2px;

  217.   min-height: 68px;

  218. }

  219. 

  220. .wp-block[data-type="core-embed/youtube"] iframe {

  221.   width: 100%;

  222. }

  223. 

  224. .wp-block-cover .block-editor-url-input input {

  225.   color: #000;

  226. }

  227. 

  228. body .gutenberg__editor .edit-post-layout .edit-post-header {

  229.   font-family: inherit;

  230. }

  231. 

  232. @media (min-width: 782px) {

  233.   body .gutenberg__editor .edit-post-layout .edit-post-header {

  234.     position: fixed;

  235.   }

  236. }

  237. 

  238. body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions {

  239.   display: flex;

  240.   flex-direction: row;

  241.   align-items: center;

  242. }

  243. 

  244. @media screen and (max-width: 600px) {

  245.   body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions input[type="submit"] {

  246.     float: none;

  247.     width: auto;

  248.     margin-top: 0;

  249.     margin-right: 10px;

  250.   }

  251.   body .gutenberg__editor .edit-post-layout .edit-post-header .gutenberg-header-settings #edit-actions a.button {

  252.     padding: 5px 0;

  253.   }

  254. }

  255. 

  256. @media (min-width: 782px) {

  257.   body.toolbar-horizontal .edit-post-sidebar {

  258.     top: 95px !important;

  259.   }

  260. }

  261. 

  262. @media (min-width: 782px) {

  263.   body.toolbar-horizontal .edit-post-header {

  264.     top: 39px !important;

  265.     left: 0 !important;

  266.   }

  267. }

  268. 

  269. @media (min-width: 782px) {

  270.   body.toolbar-horizontal.toolbar-tray-open .edit-post-sidebar {

  271.     top: 134px !important;

  272.   }

  273. }

  274. 

  275. @media (min-width: 782px) {

  276.   body.toolbar-horizontal.toolbar-tray-open .edit-post-header {

  277.     top: 78px !important;

  278.   }

  279. }

  280. 

  281. @media (min-width: 782px) {

  282.   body.toolbar-vertical .edit-post-sidebar {

  283.     top: 95px !important;

  284.   }

  285. }

  286. 

  287. @media (min-width: 782px) {

  288.   body.toolbar-vertical .edit-post-header {

  289.     top: 39px !important;

  290.     left: 240px !important;

  291.   }

  292. }

  293. 

  294. .edit-post-visual-editor {

  295.   padding: 80px 0;

  296. }

  297. 

  298. .edit-post-visual-editor .editor-block-list__block[data-align="full"] {

  299.   margin-left: -46px !important;

  300.   margin-right: -46px !important;

  301. }

  302. 

  303. .edit-post-layout__content {

  304.   padding-bottom: 4px;

  305. }

  306. 

  307. @media (min-width: 600px) {

  308.   .edit-post-layout__content {

  309.     overscroll-behavior-y: auto !important;

  310.   }

  311. }

  312. 

  313. @media (min-width: 782px) {

  314.   .edit-post-layout__content {

  315.     margin-left: 0px;

  316.   }

  317. }

  318. 

  319. .edit-post-more-menu__content .components-dropdown-menu__menu .components-menu-group:last-child {

  320.   display: none;

  321. }

  322. 

  323. .edit-post-sidebar {

  324.   background: #ececec !important;

  325. }

  326. 

  327. .edit-post-sidebar .components-base-control {

  328.   padding-right: 16px;

  329. }

  330. 

  331. .edit-post-sidebar .components-button:focus {

  332.   background: none !important;

  333. }

  334. 

  335. .edit-post-sidebar .edit-post-sidebar-header {

  336.   background: #ececec !important;

  337.   height: auto;

  338.   border: none;

  339. }

  340. 

  341. .edit-post-sidebar .edit-post-extra-sidebar__panel {

  342.   display: none;

  343. }

  344. 

  345. .edit-post-sidebar button.edit-post-sidebar__panel-tab {

  346.   color: #0074bd;

  347.   background-color: #eee;

  348.   height: 36px;

  349. }

  350. 

  351. .edit-post-sidebar button.edit-post-sidebar__panel-tab.is-active {

  352.   border-color: transparent !important;

  353.   background-color: #fff;

  354. }

  355. 

  356. .edit-post-sidebar .edit-post-post-status {

  357.   display: none;

  358. }

  359. 

  360. .edit-post-sidebar .editor-block-inspector__card {

  361.   border-bottom: 1px solid #bfbfbf;

  362. }

  363. 

  364. .edit-post-sidebar .components-panel__body .components-panel__body {

  365.   background-color: #fcfcfa;

  366.   border-top: 1px solid #fff;

  367.   border-bottom: 1px solid #bfbfbf;

  368. }

  369. 

  370. .edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button {

  371.   color: #0074bd;

  372.   font-weight: bold;

  373.   text-transform: uppercase;

  374.   text-shadow: 0 1px 0 white;

  375. }

  376. 

  377. .edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button:before {

  378.   content: '\25BA';

  379.   font-size: 10px;

  380.   line-height: 22px;

  381.   margin-right: 6px;

  382. }

  383. 

  384. .edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button:hover {

  385.   color: #004f80;

  386. }

  387. 

  388. .edit-post-sidebar .components-panel__body .components-panel__body .components-panel__body-title button svg {

  389.   display: none;

  390. }

  391. 

  392. .edit-post-sidebar .components-panel__body .components-panel__body.is-opened {

  393.   background-color: #ececec;

  394.   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);

  395.   border-top-width: 0;

  396.   padding-top: 17px;

  397. }

  398. 

  399. .edit-post-sidebar .components-panel__body .components-panel__body.is-opened .components-panel__body-title button {

  400.   color: #004f80;

  401. }

  402. 

  403. .edit-post-sidebar .components-panel__body .components-panel__body.is-opened .components-panel__body-title button:before {

  404.   content: '\25BC';

  405. }

  406. 

  407. .edit-post-sidebar .entity-meta {

  408.   border: none;

  409. }

  410. 

  411. .edit-post-sidebar .entity-meta .entity-meta__header {

  412.   background-color: white;

  413.   border-top: none;

  414.   border-radius: 0;

  415.   padding: 0 10px;

  416. }

  417. 

  418. .edit-post-sidebar .entity-meta .seven-details > summary {

  419.   padding: 1.25em;

  420. }

  421. 

  422. .edit-post-sidebar select {

  423.   width: 100%;

  424.   background-repeat: no-repeat;

  425.   background-position: center right;

  426.   padding: 5px 5px;

  427.   line-height: 1.3em;

  428. }

  429. 

  430. .edit-post-sidebar #edit-additional-fields {

  431.   padding: 0 10px 10px;

  432. }

  433. 

  434. .gutenberg-sidebar {

  435.   display: none;

  436. }

  437. 

  438. .edit-post-meta-boxes-area__container {

  439.   margin: auto auto;

  440.   max-width: 810px;

  441.   padding: 0 14px;

  442. }

  443. 

  444. @media (min-width: 782px) {

  445.   .edit-post-layout__content .components-editor-notices__snackbar {

  446.     left: 0;

  447.   }

  448.   .edit-post-layout__footer {

  449.     left: 0;

  450.   }

  451. }

  452. 

  453. #gutenberg-loading {

  454.   position: absolute;

  455.   left: 0;

  456.   top: 0;

  457.   right: 0;

  458.   bottom: 0;

  459.   display: flex;

  460.   align-items: center;

  461.   justify-content: center;

  462. }

  463. 

  464. #gutenberg-loading.hide {

  465.   display: none;

  466. }

  467. 

  468. .gutenberg-full-editor:not(.ready) {

  469.   display: none;

  470. }

  471. 

  472. .layout-container.full-width {

  473.   margin: 0;

  474. }

  475. 

  476. body .gutenberg__editor .edit-post-layout .edit-post-sidebar {

  477.   font-family: inherit;

  478. }

  479. 

  480. .field--gutenberg .form-item + label {

  481.   display: none;

  482. }

  483. 

  484. .field--gutenberg > .text-format-wrapper > .filter-wrapper {

  485.   display: none;

  486. }

  487. 

  488. .wp-block-embed iframe {

  489.   border: none;

  490. }

  491. 

  492. .editor-rich-text__tinymce[data-is-placeholder-visible="true"] {

  493.   z-index: 2;

  494. }

  495. 

  496. .editor-rich-text__tinymce ~ .editor-rich-text__tinymce {

  497.   opacity: 0.5;

  498.   pointer-events: none;

  499. }

  500. 

  501. .edit-post-header__settings .editor-post-save-draft {

  502.   display: none;

  503. }

  504. 

  505. .edit-post-header__settings .editor-post-publish-panel__toggle {

  506.   display: none !important;

  507. }

  508. 

  509. .edit-post-header__settings .editor-post-saved-state {

  510.   display: none;

  511. }

  512. 

  513. .wp-block {

  514.   max-width: 810px;

  515. }

  516. 

  517. .wp-block[data-type='core/heading'] h1 {

  518.   font-size: 4em;

  519. }

  520. 

  521. .wp-block[data-align=wide] {

  522.   max-width: 810px;

  523. }

  524. 

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