[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/css/dist/edit-post/ -> style.css (source)

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Deprecated colors.
   6   * Please avoid using these.
   7   */
   8  /**
   9   * Breakpoints & Media Queries
  10   */
  11  /**
  12   * Colors
  13   */
  14  /**
  15   * Deprecated colors.
  16   * Please avoid using these.
  17   */
  18  /**
  19   * Fonts & basic variables.
  20   */
  21  /**
  22   * Grid System.
  23   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  24   */
  25  /**
  26   * Dimensions.
  27   */
  28  /**
  29   * Shadows.
  30   */
  31  /**
  32   * Editor widths.
  33   */
  34  /**
  35   * Block UI.
  36   */
  37  /**
  38   * Border radii.
  39   */
  40  /**
  41   * Breakpoint mixins
  42   */
  43  /**
  44   * Long content fade mixin
  45   *
  46   * Creates a fading overlay to signify that the content is longer
  47   * than the space allows.
  48   */
  49  /**
  50   * Focus styles.
  51   */
  52  /**
  53   * Applies editor left position to the selector passed as argument
  54   */
  55  /**
  56   * Styles that are reused verbatim in a few places
  57   */
  58  /**
  59   * Allows users to opt-out of animations via OS-level preferences.
  60   */
  61  /**
  62   * Reset default styles for JavaScript UI based pages.
  63   * This is a WP-admin agnostic reset
  64   */
  65  /**
  66   * Reset the WP Admin page styles for Gutenberg-like pages.
  67   */
  68  :root {
  69    --wp-admin-theme-color: #007cba;
  70    --wp-admin-theme-color-darker-10: #006ba1;
  71    --wp-admin-theme-color-darker-20: #005a87; }
  72  
  73  .components-panel__header.interface-complementary-area-header__small {
  74    background: #fff;
  75    padding-right: 4px; }
  76    .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title {
  77      overflow: hidden;
  78      text-overflow: ellipsis;
  79      white-space: nowrap;
  80      width: 100%; }
  81    @media (min-width: 782px) {
  82      .components-panel__header.interface-complementary-area-header__small {
  83        display: none; } }
  84  
  85  .interface-complementary-area-header {
  86    background: #fff;
  87    padding-right: 4px; }
  88    .interface-complementary-area-header .components-button.has-icon {
  89      display: none;
  90      margin-left: auto; }
  91      .interface-complementary-area-header .components-button.has-icon ~ .components-button {
  92        margin-left: 0; }
  93      @media (min-width: 782px) {
  94        .interface-complementary-area-header .components-button.has-icon {
  95          display: flex; } }
  96  
  97  .interface-complementary-area {
  98    background: #fff;
  99    color: #1e1e1e;
 100    overflow: visible; }
 101    @media (min-width: 600px) {
 102      .interface-complementary-area {
 103        z-index: auto;
 104        height: 100%;
 105        overflow: auto;
 106        -webkit-overflow-scrolling: touch; } }
 107    @media (min-width: 782px) {
 108      .interface-complementary-area {
 109        width: 280px; } }
 110    .interface-complementary-area > .components-panel {
 111      border-left: none;
 112      border-right: none;
 113      overflow: auto;
 114      -webkit-overflow-scrolling: touch;
 115      height: auto;
 116      max-height: calc(100vh - 142px);
 117      margin-top: -1px;
 118      margin-bottom: -1px;
 119      position: relative; }
 120      @media (min-width: 600px) {
 121        .interface-complementary-area > .components-panel {
 122          overflow: visible;
 123          height: auto;
 124          max-height: none; } }
 125    .interface-complementary-area > .components-panel .components-panel__header {
 126      position: fixed;
 127      z-index: 1;
 128      top: 0;
 129      left: 0;
 130      right: 0;
 131      height: 48px; }
 132      @media (min-width: 600px) {
 133        .interface-complementary-area > .components-panel .components-panel__header {
 134          position: inherit;
 135          top: auto;
 136          left: auto;
 137          right: auto; } }
 138    .interface-complementary-area p {
 139      margin-top: 0; }
 140    .interface-complementary-area h2,
 141    .interface-complementary-area h3 {
 142      font-size: 13px;
 143      color: #1e1e1e;
 144      margin-bottom: 1.5em; }
 145    .interface-complementary-area hr {
 146      border-top: none;
 147      border-bottom: 1px solid #f0f0f0;
 148      margin: 1.5em 0; }
 149    .interface-complementary-area div.components-toolbar-group,
 150    .interface-complementary-area div.components-toolbar {
 151      box-shadow: none;
 152      margin-bottom: 1.5em; }
 153      .interface-complementary-area div.components-toolbar-group:last-child,
 154      .interface-complementary-area div.components-toolbar:last-child {
 155        margin-bottom: 0; }
 156    .interface-complementary-area .block-editor-skip-to-selected-block:focus {
 157      top: auto;
 158      right: 10px;
 159      bottom: 10px;
 160      left: auto; }
 161  
 162  @media (min-width: 782px) {
 163    body.js.is-fullscreen-mode {
 164      margin-top: -32px;
 165      height: calc(100% + 32px); }
 166      body.js.is-fullscreen-mode #adminmenumain,
 167      body.js.is-fullscreen-mode #wpadminbar {
 168        display: none; }
 169      body.js.is-fullscreen-mode #wpcontent,
 170      body.js.is-fullscreen-mode #wpfooter {
 171        margin-left: 0; } }
 172  
 173  html.interface-interface-skeleton__html-container {
 174    position: fixed;
 175    width: 100%; }
 176    @media (min-width: 782px) {
 177      html.interface-interface-skeleton__html-container {
 178        position: initial;
 179        width: initial; } }
 180  
 181  .interface-interface-skeleton {
 182    display: flex;
 183    flex-direction: column;
 184    height: auto;
 185    max-height: 100%;
 186    position: fixed;
 187    top: 46px;
 188    left: 0;
 189    right: 0;
 190    bottom: 0; }
 191    @media (min-width: 783px) {
 192      .interface-interface-skeleton {
 193        top: 32px; }
 194        .is-fullscreen-mode .interface-interface-skeleton {
 195          top: 0; } }
 196  
 197  .interface-interface-skeleton {
 198    /* Set left position when auto-fold is not on the body element. */
 199    left: 0; }
 200    @media (min-width: 783px) {
 201      .interface-interface-skeleton {
 202        left: 160px; } }
 203  
 204  .auto-fold .interface-interface-skeleton {
 205    /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
 206    @media (min-width: 783px) {
 207      .auto-fold .interface-interface-skeleton {
 208        left: 36px; } }
 209    @media (min-width: 961px) {
 210      .auto-fold .interface-interface-skeleton {
 211        left: 160px; } }
 212  
 213  /* Sidebar manually collapsed. */
 214  .folded .interface-interface-skeleton {
 215    left: 0; }
 216    @media (min-width: 783px) {
 217      .folded .interface-interface-skeleton {
 218        left: 36px; } }
 219  
 220  /* Mobile menu opened. */
 221  @media (max-width: 783px) {
 222    .auto-fold .wp-responsive-open .interface-interface-skeleton {
 223      left: 190px; } }
 224  
 225  /* In small screens with responsive menu expanded there is small white space. */
 226  @media (max-width: 600px) {
 227    .auto-fold .wp-responsive-open .interface-interface-skeleton {
 228      margin-left: -18px; } }
 229  
 230  body.is-fullscreen-mode .interface-interface-skeleton {
 231    left: 0 !important; }
 232  
 233  .interface-interface-skeleton__body {
 234    flex-grow: 1;
 235    display: flex;
 236    overflow: auto;
 237    overscroll-behavior-y: none; }
 238  
 239  .interface-interface-skeleton__content {
 240    flex-grow: 1;
 241    display: flex;
 242    flex-direction: column;
 243    overflow: auto; }
 244  
 245  .interface-interface-skeleton__left-sidebar,
 246  .interface-interface-skeleton__sidebar {
 247    display: block;
 248    width: auto;
 249    flex-shrink: 0;
 250    position: absolute;
 251    z-index: 100000;
 252    top: 0;
 253    right: 0;
 254    bottom: 0;
 255    left: 0;
 256    background: #fff;
 257    color: #1e1e1e; }
 258    @media (min-width: 782px) {
 259      .interface-interface-skeleton__left-sidebar,
 260      .interface-interface-skeleton__sidebar {
 261        position: relative !important;
 262        z-index: 90; } }
 263  
 264  @media (min-width: 782px) {
 265    .interface-interface-skeleton__sidebar {
 266      overflow: auto;
 267      border-left: 1px solid #f0f0f0; } }
 268  
 269  @media (min-width: 782px) {
 270    .interface-interface-skeleton__left-sidebar {
 271      border-right: 1px solid #f0f0f0; } }
 272  
 273  .interface-interface-skeleton__header {
 274    flex-shrink: 0;
 275    height: auto;
 276    border-bottom: 1px solid #f0f0f0;
 277    z-index: 30;
 278    color: #1e1e1e;
 279    position: -webkit-sticky;
 280    position: sticky;
 281    top: 0; }
 282    @media (min-width: 600px) {
 283      .interface-interface-skeleton__header {
 284        position: initial;
 285        top: 0; } }
 286  
 287  .interface-interface-skeleton__footer {
 288    height: auto;
 289    flex-shrink: 0;
 290    border-top: 1px solid #f0f0f0;
 291    color: #1e1e1e;
 292    display: none; }
 293    @media (min-width: 782px) {
 294      .interface-interface-skeleton__footer {
 295        display: block; } }
 296  
 297  .interface-interface-skeleton__actions {
 298    z-index: 100000;
 299    position: fixed !important;
 300    top: -9999em;
 301    bottom: auto;
 302    left: auto;
 303    right: 0;
 304    width: 280px;
 305    color: #1e1e1e; }
 306    .interface-interface-skeleton__actions:focus {
 307      top: auto;
 308      bottom: 0; }
 309  
 310  .interface-pinned-items {
 311    display: flex; }
 312    .interface-pinned-items .components-button {
 313      margin-left: 4px; }
 314      .interface-pinned-items .components-button svg {
 315        max-width: 24px;
 316        max-height: 24px; }
 317  
 318  .edit-post-header {
 319    height: 60px;
 320    background: #fff;
 321    display: flex;
 322    flex-wrap: wrap;
 323    align-items: center;
 324    max-width: 100vw; }
 325    @media (min-width: 280px) {
 326      .edit-post-header {
 327        flex-wrap: nowrap; } }
 328    .edit-post-header > .edit-post-header__settings {
 329      order: 1; }
 330      @supports ((position: -webkit-sticky) or (position: sticky)) {
 331        .edit-post-header > .edit-post-header__settings {
 332          order: initial; } }
 333  
 334  .edit-post-header__toolbar {
 335    display: flex;
 336    flex-grow: 1;
 337    padding-left: 8px; }
 338    @media (min-width: 600px) {
 339      .edit-post-header__toolbar {
 340        padding-left: 24px; } }
 341    .edit-post-header__toolbar .table-of-contents {
 342      display: none; }
 343      @media (min-width: 600px) {
 344        .edit-post-header__toolbar .table-of-contents {
 345          display: block; } }
 346  
 347  .edit-post-header__settings {
 348    display: inline-flex;
 349    align-items: center;
 350    flex-wrap: wrap;
 351    padding-right: 4px; }
 352    @media (min-width: 600px) {
 353      .edit-post-header__settings {
 354        padding-right: 16px; } }
 355  
 356  /**
 357   * Buttons in the Toolbar
 358   */
 359  .edit-post-header__settings .components-button.editor-post-save-draft,
 360  .edit-post-header__settings .editor-post-saved-state,
 361  .edit-post-header__settings .components-button.editor-post-switch-to-draft,
 362  .edit-post-header__settings .components-button.editor-post-preview,
 363  .edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
 364    padding: 0 6px;
 365    margin-right: 4px; }
 366    @media (min-width: 600px) {
 367      .edit-post-header__settings .components-button.editor-post-save-draft,
 368      .edit-post-header__settings .editor-post-saved-state,
 369      .edit-post-header__settings .components-button.editor-post-switch-to-draft,
 370      .edit-post-header__settings .components-button.editor-post-preview,
 371      .edit-post-header__settings .components-button.block-editor-post-preview__dropdown {
 372        margin-right: 12px; } }
 373  
 374  .edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
 375  .edit-post-header__settings .components-button.editor-post-publish-button,
 376  .edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
 377    padding: 0 6px;
 378    margin-right: 4px; }
 379    @media (min-width: 600px) {
 380      .edit-post-header__settings .components-button.block-editor-post-preview__dropdown,
 381      .edit-post-header__settings .components-button.editor-post-publish-button,
 382      .edit-post-header__settings .components-button.editor-post-publish-panel__toggle {
 383        padding: 0 12px;
 384        margin-right: 12px; } }
 385  
 386  .edit-post-header-preview__grouping-external {
 387    display: flex;
 388    position: relative;
 389    padding-bottom: 0; }
 390  
 391  .edit-post-header-preview__button-external {
 392    padding-left: 8px;
 393    margin-right: auto;
 394    width: 100%;
 395    display: flex;
 396    justify-content: flex-start; }
 397    .edit-post-header-preview__button-external svg {
 398      margin-right: 8px; }
 399  
 400  .edit-post-post-preview-dropdown .components-popover__content > div {
 401    padding-bottom: 0; }
 402  
 403  .edit-post-fullscreen-mode-close.has-icon {
 404    display: none; }
 405    @media (min-width: 782px) {
 406      .edit-post-fullscreen-mode-close.has-icon {
 407        display: flex;
 408        align-items: center;
 409        align-self: stretch;
 410        border: none;
 411        background: #23282e;
 412        color: #fff;
 413        border-radius: 0;
 414        height: auto;
 415        width: 60px; }
 416        .edit-post-fullscreen-mode-close.has-icon:hover {
 417          background: #32373d; }
 418        .edit-post-fullscreen-mode-close.has-icon:active {
 419          color: #fff; }
 420        .edit-post-fullscreen-mode-close.has-icon:focus {
 421          box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff;
 422          box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } }
 423  
 424  .edit-post-header-toolbar {
 425    display: inline-flex;
 426    align-items: center;
 427    border: none; }
 428    .edit-post-header-toolbar > .components-button {
 429      display: none; }
 430      @media (min-width: 600px) {
 431        .edit-post-header-toolbar > .components-button {
 432          display: inline-flex; } }
 433    .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle {
 434      display: inline-flex; }
 435    .edit-post-header-toolbar .block-editor-block-navigation {
 436      display: none; }
 437      @media (min-width: 600px) {
 438        .edit-post-header-toolbar .block-editor-block-navigation {
 439          display: flex; } }
 440    .edit-post-header-toolbar > .components-button.has-icon,
 441    .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon {
 442      height: 36px;
 443      min-width: 36px;
 444      padding: 6px; }
 445      .edit-post-header-toolbar > .components-button.has-icon.is-pressed,
 446      .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed {
 447        background: #1e1e1e; }
 448      .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled),
 449      .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) {
 450        box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff;
 451        box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
 452        outline: 1px solid transparent; }
 453      .edit-post-header-toolbar > .components-button.has-icon::before,
 454      .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before {
 455        display: none; }
 456  
 457  .edit-post-header-toolbar__block-toolbar {
 458    position: absolute;
 459    top: 61px;
 460    left: 0;
 461    right: 0;
 462    background: #fff;
 463    border-bottom: 1px solid #ddd; }
 464    .edit-post-header-toolbar__block-toolbar:empty {
 465      display: none; }
 466    .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
 467    .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
 468      border-top: none;
 469      border-bottom: none; }
 470    .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 471      display: none; }
 472    @media (min-width: 782px) {
 473      .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 474        display: block;
 475        right: 280px; } }
 476    @media (min-width: 1280px) {
 477      .edit-post-header-toolbar__block-toolbar {
 478        padding-left: 8px;
 479        position: static;
 480        left: auto;
 481        right: auto;
 482        background: none;
 483        border-bottom: none; }
 484        .is-sidebar-opened .edit-post-header-toolbar__block-toolbar {
 485          right: auto; }
 486        .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar {
 487          border-left: 1px solid #ddd; }
 488        .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group,
 489        .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar {
 490          height: 60px;
 491          padding: 6px 0; } }
 492  
 493  .edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon {
 494    margin-right: 8px;
 495    min-width: 32px;
 496    width: 32px;
 497    height: 32px;
 498    padding: 0; }
 499  
 500  .edit-post-more-menu {
 501    margin-left: -4px; }
 502    .edit-post-more-menu .components-button {
 503      width: auto;
 504      padding: 0 2px; }
 505    @media (min-width: 600px) {
 506      .edit-post-more-menu {
 507        margin-left: 0; }
 508        .edit-post-more-menu .components-button {
 509          padding: 0 4px; } }
 510  
 511  .edit-post-more-menu__content .components-popover__content {
 512    min-width: 260px; }
 513    @media (min-width: 480px) {
 514      .edit-post-more-menu__content .components-popover__content {
 515        width: auto;
 516        max-width: 480px; } }
 517    .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu {
 518      padding: 0; }
 519  
 520  .components-popover.edit-post-more-menu__content {
 521    z-index: 99998; }
 522  
 523  .edit-post-keyboard-shortcut-help-modal__section {
 524    margin: 0 0 2rem 0; }
 525  
 526  .edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list {
 527    margin-top: -25px; }
 528  
 529  .edit-post-keyboard-shortcut-help-modal__section-title {
 530    font-size: 0.9rem;
 531    font-weight: 600; }
 532  
 533  .edit-post-keyboard-shortcut-help-modal__shortcut {
 534    display: flex;
 535    align-items: baseline;
 536    padding: 0.6rem 0;
 537    border-top: 1px solid #ddd;
 538    margin-bottom: 0; }
 539    .edit-post-keyboard-shortcut-help-modal__shortcut:last-child {
 540      border-bottom: 1px solid #ddd; }
 541    .edit-post-keyboard-shortcut-help-modal__shortcut:empty {
 542      display: none; }
 543  
 544  .edit-post-keyboard-shortcut-help-modal__shortcut-term {
 545    font-weight: 600;
 546    margin: 0 0 0 1rem;
 547    text-align: right; }
 548  
 549  .edit-post-keyboard-shortcut-help-modal__shortcut-description {
 550    flex: 1;
 551    margin: 0;
 552    flex-basis: auto; }
 553  
 554  .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
 555    display: block;
 556    background: none;
 557    margin: 0;
 558    padding: 0; }
 559    .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination {
 560      margin-top: 10px; }
 561  
 562  .edit-post-keyboard-shortcut-help-modal__shortcut-key {
 563    padding: 0.25rem 0.5rem;
 564    border-radius: 8%;
 565    margin: 0 0.2rem 0 0.2rem; }
 566    .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child {
 567      margin: 0 0 0 0.2rem; }
 568  
 569  .edit-post-layout__metaboxes {
 570    flex-shrink: 0; }
 571  
 572  .edit-post-layout__metaboxes:not(:empty) {
 573    border-top: 1px solid #ddd;
 574    padding: 10px 0 10px;
 575    clear: both; }
 576    .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area {
 577      margin: auto 20px; }
 578  
 579  .edit-post-layout .components-editor-notices__snackbar {
 580    position: fixed;
 581    right: 0;
 582    bottom: 40px;
 583    padding-left: 16px;
 584    padding-right: 16px; }
 585  
 586  .edit-post-layout .components-editor-notices__snackbar {
 587    /* Set left position when auto-fold is not on the body element. */
 588    left: 0; }
 589    @media (min-width: 783px) {
 590      .edit-post-layout .components-editor-notices__snackbar {
 591        left: 160px; } }
 592  
 593  .auto-fold .edit-post-layout .components-editor-notices__snackbar {
 594    /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ }
 595    @media (min-width: 783px) {
 596      .auto-fold .edit-post-layout .components-editor-notices__snackbar {
 597        left: 36px; } }
 598    @media (min-width: 961px) {
 599      .auto-fold .edit-post-layout .components-editor-notices__snackbar {
 600        left: 160px; } }
 601  
 602  /* Sidebar manually collapsed. */
 603  .folded .edit-post-layout .components-editor-notices__snackbar {
 604    left: 0; }
 605    @media (min-width: 783px) {
 606      .folded .edit-post-layout .components-editor-notices__snackbar {
 607        left: 36px; } }
 608  
 609  /* Mobile menu opened. */
 610  @media (max-width: 783px) {
 611    .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar {
 612      left: 190px; } }
 613  
 614  /* In small screens with responsive menu expanded there is small white space. */
 615  @media (max-width: 600px) {
 616    .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar {
 617      margin-left: -18px; } }
 618  
 619  body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar {
 620    left: 0 !important; }
 621  
 622  .edit-post-layout .editor-post-publish-panel {
 623    position: fixed;
 624    z-index: 100001;
 625    top: 46px;
 626    bottom: 0;
 627    right: 0;
 628    left: 0;
 629    overflow: auto; }
 630    @media (min-width: 782px) {
 631      .edit-post-layout .editor-post-publish-panel {
 632        z-index: 99998;
 633        top: 32px;
 634        left: auto;
 635        width: 281px;
 636        border-left: 1px solid #ddd;
 637        transform: translateX(100%);
 638        animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } }
 639    @media (min-width: 782px) and (prefers-reduced-motion: reduce) {
 640      .edit-post-layout .editor-post-publish-panel {
 641        animation-duration: 1ms; } }
 642    @media (min-width: 782px) {
 643        body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel {
 644          top: 0; }
 645        .is-focusing-regions .edit-post-layout .editor-post-publish-panel {
 646          transform: translateX(0%); } }
 647  
 648  @keyframes edit-post-post-publish-panel__slide-in-animation {
 649    100% {
 650      transform: translateX(0%); } }
 651  
 652  .interface-interface-skeleton__sidebar > div {
 653    height: 100%; }
 654  
 655  .edit-post-layout .editor-post-publish-panel__header-publish-button {
 656    justify-content: center; }
 657  
 658  .edit-post-layout__toggle-publish-panel,
 659  .edit-post-layout__toogle-sidebar-panel,
 660  .edit-post-layout__toggle-entities-saved-states-panel {
 661    z-index: 100000;
 662    position: fixed !important;
 663    top: -9999em;
 664    bottom: auto;
 665    left: auto;
 666    right: 0;
 667    width: 280px;
 668    background-color: #fff;
 669    border: 1px dotted #ddd;
 670    height: auto !important;
 671    padding: 24px;
 672    display: flex;
 673    justify-content: center; }
 674    .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,
 675    .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,
 676    .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,
 677    .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus
 678    .edit-post-layout__toogle-sidebar-panel,
 679    .interface-interface-skeleton__actions:focus-within
 680    .edit-post-layout__toogle-sidebar-panel,
 681    .interface-interface-skeleton__actions:focus
 682    .edit-post-layout__toogle-sidebar-panel,
 683    .interface-interface-skeleton__actions:focus-within
 684    .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus
 685    .edit-post-layout__toggle-entities-saved-states-panel,
 686    .interface-interface-skeleton__actions:focus-within
 687    .edit-post-layout__toggle-entities-saved-states-panel,
 688    .interface-interface-skeleton__actions:focus
 689    .edit-post-layout__toggle-entities-saved-states-panel,
 690    .interface-interface-skeleton__actions:focus-within
 691    .edit-post-layout__toggle-entities-saved-states-panel {
 692      top: auto;
 693      bottom: 0; }
 694  
 695  .edit-post-layout__footer {
 696    display: none;
 697    z-index: 30; }
 698    @media (min-width: 782px) {
 699      .edit-post-layout__footer {
 700        display: flex;
 701        background: #fff;
 702        height: 24px;
 703        align-items: center;
 704        font-size: 13px;
 705        padding: 0 18px; } }
 706  
 707  .edit-post-layout .interface-interface-skeleton__content {
 708    background-color: #ccd0d4; }
 709  
 710  .edit-post-layout__inserter-panel-popover-wrapper,
 711  .edit-post-layout__inserter-panel-popover-wrapper > div,
 712  .edit-post-layout__inserter-panel-popover-wrapper > div > div,
 713  .edit-post-layout__inserter-panel-popover-wrapper > div > div > div {
 714    height: 100%; }
 715  
 716  .edit-post-layout__inserter-panel {
 717    height: 100%;
 718    display: flex;
 719    flex-direction: column; }
 720  
 721  .edit-post-layout__inserter-panel-header {
 722    padding-top: 8px;
 723    padding-right: 8px;
 724    display: flex;
 725    justify-content: flex-end; }
 726    @media (min-width: 782px) {
 727      .edit-post-layout__inserter-panel-header {
 728        display: none; } }
 729  
 730  .edit-post-layout__inserter-panel-content {
 731    height: calc(100% - 36px - 8px); }
 732    @media (min-width: 782px) {
 733      .edit-post-layout__inserter-panel-content {
 734        height: 100%; } }
 735  
 736  @media (min-width: 600px) {
 737    .edit-post-manage-blocks-modal {
 738      height: calc(100% - 60px - 60px); } }
 739  
 740  .edit-post-manage-blocks-modal .components-modal__content {
 741    padding-bottom: 0;
 742    display: flex;
 743    flex-direction: column; }
 744  
 745  .edit-post-manage-blocks-modal .components-modal__header {
 746    flex-shrink: 0;
 747    margin-bottom: 0; }
 748  
 749  .edit-post-manage-blocks-modal__content {
 750    display: flex;
 751    flex-direction: column;
 752    flex: 0 1 100%;
 753    min-height: 0; }
 754  
 755  .edit-post-manage-blocks-modal__no-results {
 756    font-style: italic;
 757    padding: 24px 0;
 758    text-align: center; }
 759  
 760  .edit-post-manage-blocks-modal__search {
 761    margin: 16px 0; }
 762    .edit-post-manage-blocks-modal__search .components-base-control__field {
 763      margin-bottom: 0; }
 764    .edit-post-manage-blocks-modal__search .components-base-control__label {
 765      margin-top: -4px; }
 766    .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input {
 767      padding: 8px;
 768      border-radius: 2px; }
 769  
 770  .edit-post-manage-blocks-modal__disabled-blocks-count {
 771    border-top: 1px solid #ddd;
 772    margin-left: -24px;
 773    margin-right: -24px;
 774    padding-top: 0.6rem;
 775    padding-bottom: 0.6rem;
 776    padding-left: 24px;
 777    padding-right: 24px;
 778    background-color: #f0f0f0; }
 779  
 780  .edit-post-manage-blocks-modal__category {
 781    margin: 0 0 2rem 0; }
 782  
 783  .edit-post-manage-blocks-modal__category-title {
 784    position: -webkit-sticky;
 785    position: sticky;
 786    top: 0;
 787    padding: 16px 0;
 788    background-color: #fff;
 789    z-index: 1; }
 790    .edit-post-manage-blocks-modal__category-title .components-base-control__field {
 791      margin-bottom: 0; }
 792    .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label {
 793      font-size: 0.9rem;
 794      font-weight: 600; }
 795  
 796  .edit-post-manage-blocks-modal__show-all {
 797    margin-right: 8px; }
 798  
 799  .edit-post-manage-blocks-modal__checklist {
 800    margin-top: 0; }
 801  
 802  .edit-post-manage-blocks-modal__checklist-item {
 803    margin-bottom: 0;
 804    padding-left: 16px;
 805    border-top: 1px solid #ddd; }
 806    .edit-post-manage-blocks-modal__checklist-item:last-child {
 807      border-bottom: 1px solid #ddd; }
 808    .edit-post-manage-blocks-modal__checklist-item .components-base-control__field {
 809      align-items: center;
 810      display: flex;
 811      margin: 0; }
 812    .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container {
 813      margin: 0 8px; }
 814    .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label {
 815      display: flex;
 816      align-items: center;
 817      justify-content: space-between;
 818      flex-grow: 1;
 819      padding: 0.6rem 0 0.6rem 10px; }
 820    .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon {
 821      margin-right: 10px;
 822      fill: #555d66; }
 823  
 824  .edit-post-manage-blocks-modal__results {
 825    height: 100%;
 826    overflow: auto;
 827    margin-left: -24px;
 828    margin-right: -24px;
 829    padding-left: 24px;
 830    padding-right: 24px;
 831    border-top: 1px solid #ddd; }
 832  
 833  .edit-post-meta-boxes-area {
 834    position: relative;
 835    /**
 836       * The wordpress default for most meta-box elements is content-box. Some
 837       * elements such as textarea and input are set to border-box in forms.css.
 838       * These elements therefore specifically set back to border-box here, while
 839       * other elements (such as .button) are unaffected by Gutenberg's style
 840       * because of their higher specificity.
 841       */
 842    /* Match width and positioning of the meta boxes. Override default styles. */
 843    /* Override Default meta box stylings */ }
 844    .edit-post-meta-boxes-area__container,
 845    .edit-post-meta-boxes-area .inside {
 846      box-sizing: content-box; }
 847    .edit-post-meta-boxes-area textarea,
 848    .edit-post-meta-boxes-area input {
 849      box-sizing: border-box; }
 850    .edit-post-meta-boxes-area #poststuff {
 851      margin: 0 auto;
 852      padding-top: 0;
 853      min-width: auto; }
 854    .edit-post-meta-boxes-area #poststuff h3.hndle,
 855    .edit-post-meta-boxes-area #poststuff .stuffbox > h3,
 856    .edit-post-meta-boxes-area #poststuff h2.hndle {
 857      /* WordPress selectors yolo */
 858      border-bottom: 1px solid #ddd;
 859      box-sizing: border-box;
 860      color: inherit;
 861      font-weight: 600;
 862      outline: none;
 863      padding: 15px;
 864      position: relative;
 865      width: 100%; }
 866    .edit-post-meta-boxes-area .postbox {
 867      border: 0;
 868      color: inherit;
 869      margin-bottom: 0; }
 870    .edit-post-meta-boxes-area .postbox > .inside {
 871      border-bottom: 1px solid #ddd;
 872      color: inherit;
 873      padding: 0 14px 14px;
 874      margin: 0; }
 875    .edit-post-meta-boxes-area .postbox .handlediv {
 876      height: 44px;
 877      width: 44px; }
 878    .edit-post-meta-boxes-area.is-loading::before {
 879      position: absolute;
 880      top: 0;
 881      left: 0;
 882      right: 0;
 883      bottom: 0;
 884      content: "";
 885      background: transparent;
 886      z-index: 1; }
 887    .edit-post-meta-boxes-area .components-spinner {
 888      position: absolute;
 889      top: 10px;
 890      right: 20px;
 891      z-index: 5; }
 892    .edit-post-meta-boxes-area .is-hidden {
 893      display: none; }
 894    .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] {
 895      border: 1px solid #6c7781; }
 896      .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked {
 897        background: #fff;
 898        border-color: #6c7781; }
 899      .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before {
 900        margin: -3px -4px; }
 901  
 902  .edit-post-meta-boxes-area__clear {
 903    clear: both; }
 904  
 905  .components-panel__header.edit-post-sidebar__panel-tabs {
 906    justify-content: flex-start;
 907    padding-left: 0;
 908    padding-right: 16px;
 909    border-top: 0;
 910    margin-top: 0; }
 911    .components-panel__header.edit-post-sidebar__panel-tabs ul {
 912      display: flex; }
 913    .components-panel__header.edit-post-sidebar__panel-tabs li {
 914      margin: 0; }
 915    .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
 916      display: none;
 917      margin: 0 0 0 auto;
 918      padding: 0;
 919      min-width: 24px;
 920      height: 24px; }
 921      @media (min-width: 782px) {
 922        .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon {
 923          display: flex; } }
 924  
 925  .components-panel__body.is-opened.edit-post-last-revision__panel {
 926    padding: 0;
 927    height: 48px; }
 928  
 929  .editor-post-last-revision__title.components-button {
 930    padding: 16px; }
 931  
 932  .editor-post-author__select {
 933    margin: -5px 0;
 934    width: 100%; }
 935    @supports ((position: -webkit-sticky) or (position: sticky)) {
 936      .editor-post-author__select {
 937        width: auto; } }
 938  
 939  .edit-post-post-link__link-post-name {
 940    font-weight: 600; }
 941  
 942  .edit-post-post-link__preview-label {
 943    font-weight: 400;
 944    margin: 0; }
 945  
 946  .edit-post-post-link__link {
 947    text-align: left;
 948    word-wrap: break-word;
 949    display: block; }
 950  
 951  /* rtl:begin:ignore */
 952  .edit-post-post-link__preview-link-container {
 953    direction: ltr; }
 954  
 955  /* rtl:end:ignore */
 956  .edit-post-post-schedule {
 957    width: 100%;
 958    position: relative;
 959    justify-content: left; }
 960    .edit-post-post-schedule span {
 961      display: block;
 962      width: 45%; }
 963  
 964  .components-button.edit-post-post-schedule__toggle {
 965    text-align: right; }
 966  
 967  .editor-post-slug__input {
 968    margin: -5px 0;
 969    padding: 2px; }
 970  
 971  .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft {
 972    margin-top: 15px;
 973    width: 100%;
 974    text-align: center; }
 975  
 976  .edit-post-post-visibility {
 977    width: 100%;
 978    justify-content: left; }
 979    .edit-post-post-visibility span {
 980      display: block;
 981      width: 45%; }
 982  
 983  @media (min-width: 782px) {
 984    .edit-post-post-visibility__dialog .components-popover__content {
 985      width: 257px; } }
 986  
 987  .edit-post-post-visibility__dialog-legend {
 988    font-weight: 600; }
 989  
 990  .edit-post-post-visibility__choice {
 991    margin: 10px 0; }
 992  
 993  .edit-post-post-visibility__dialog-radio,
 994  .edit-post-post-visibility__dialog-label {
 995    vertical-align: top; }
 996  
 997  .edit-post-post-visibility__dialog-password-input {
 998    width: calc(100% - 20px);
 999    margin-left: 20px; }
1000  
1001  .edit-post-post-visibility__dialog-info {
1002    color: #7e8993;
1003    padding-left: 20px;
1004    font-style: italic;
1005    margin: 4px 0 0;
1006    line-height: 1.4; }
1007  
1008  .components-button.edit-post-sidebar__panel-tab {
1009    border-radius: 0;
1010    height: 48px;
1011    background: transparent;
1012    border: none;
1013    box-shadow: none;
1014    cursor: pointer;
1015    display: inline-block;
1016    padding: 3px 15px;
1017    margin-left: 0;
1018    font-weight: 500; }
1019    .components-button.edit-post-sidebar__panel-tab::after {
1020      content: attr(data-label);
1021      display: block;
1022      font-weight: 600;
1023      height: 0;
1024      overflow: hidden;
1025      speak: none;
1026      visibility: hidden; }
1027    .components-button.edit-post-sidebar__panel-tab.is-active {
1028      box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba;
1029      box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color);
1030      position: relative;
1031      z-index: 1; }
1032      .components-button.edit-post-sidebar__panel-tab.is-active::before {
1033        content: "";
1034        position: absolute;
1035        top: 0;
1036        bottom: 1px;
1037        right: 0;
1038        left: 0;
1039        border-bottom: 4px solid transparent; }
1040    .components-button.edit-post-sidebar__panel-tab:focus {
1041      box-shadow: inset 0 0 0 1.5px #007cba;
1042      box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color);
1043      position: relative;
1044      z-index: 1; }
1045    .components-button.edit-post-sidebar__panel-tab.is-active:focus {
1046      box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba;
1047      box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); }
1048  
1049  .edit-post-text-editor {
1050    position: relative;
1051    width: 100%;
1052    background-color: #fff;
1053    flex-grow: 1; }
1054    .edit-post-text-editor .wp-block.editor-post-title {
1055      max-width: none;
1056      line-height: 1.4; }
1057      .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input {
1058        font-family: Menlo, Consolas, monaco, monospace;
1059        font-size: 2.5em;
1060        font-weight: normal; }
1061      .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
1062        border: 1px solid #ccc;
1063        margin-bottom: -1px;
1064        padding: 16px; }
1065        @media (min-width: 600px) {
1066          .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input {
1067            padding: 24px; } }
1068        .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus {
1069          border: 1px solid #1e1e1e; }
1070      @media (min-width: 600px) {
1071        .edit-post-text-editor .wp-block.editor-post-title {
1072          padding: 0; } }
1073  
1074  .edit-post-text-editor__body {
1075    width: 100%;
1076    padding: 0 12px 12px 12px;
1077    max-width: 1080px;
1078    margin-left: auto;
1079    margin-right: auto; }
1080    @media (min-width: 960px) {
1081      .edit-post-text-editor__body {
1082        padding: 16px 24px 96px 24px;
1083        padding: 0 24px 24px 24px; } }
1084  
1085  .edit-post-text-editor__toolbar {
1086    position: -webkit-sticky;
1087    position: sticky;
1088    z-index: 1;
1089    top: 0;
1090    left: 0;
1091    right: 0;
1092    display: flex;
1093    background: rgba(255, 255, 255, 0.8);
1094    padding: 4px 12px; }
1095    @media (min-width: 600px) {
1096      .edit-post-text-editor__toolbar {
1097        padding: 12px; } }
1098    @media (min-width: 960px) {
1099      .edit-post-text-editor__toolbar {
1100        padding: 12px 24px; } }
1101    .edit-post-text-editor__toolbar h2 {
1102      line-height: 36px;
1103      margin: 0 auto 0 0;
1104      font-size: 13px;
1105      color: #1e1e1e; }
1106    .edit-post-text-editor__toolbar .components-button svg {
1107      order: 1; }
1108  
1109  .edit-post-visual-editor {
1110    position: relative;
1111    padding-top: 50px;
1112    background-color: #fff;
1113    flex: 1 1 auto; }
1114    .edit-post-visual-editor .components-button {
1115      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1116      font-size: 13px;
1117      padding: 6px 12px; }
1118      .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon {
1119        padding: 6px; }
1120    @supports ((position: -webkit-sticky) or (position: sticky)) {
1121      .edit-post-visual-editor {
1122        flex-basis: 100%; } }
1123  
1124  .edit-post-visual-editor > .block-editor__typewriter,
1125  .edit-post-visual-editor > .block-editor__typewriter > div,
1126  .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow,
1127  .edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect {
1128    height: 100%; }
1129  
1130  .edit-post-visual-editor .block-editor-writing-flow__click-redirect {
1131    min-height: 40vh;
1132    width: 100%; }
1133  
1134  .has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect {
1135    height: 0; }
1136  
1137  .edit-post-visual-editor__post-title-wrapper .editor-post-title {
1138    margin-top: 2em;
1139    margin-left: auto;
1140    margin-right: auto;
1141    margin-bottom: 32px; }
1142  
1143  .edit-post-options-modal__section {
1144    margin: 0 0 2rem 0; }
1145  
1146  .edit-post-options-modal__section-title {
1147    font-size: 0.9rem;
1148    font-weight: 600; }
1149  
1150  .edit-post-options-modal__option {
1151    border-top: 1px solid #ddd; }
1152    .edit-post-options-modal__option:last-child {
1153      border-bottom: 1px solid #ddd; }
1154    .edit-post-options-modal__option .components-base-control__field {
1155      align-items: center;
1156      display: flex;
1157      margin: 0; }
1158    .edit-post-options-modal__option .components-checkbox-control__label {
1159      flex-grow: 1;
1160      padding: 0.6rem 0 0.6rem 10px; }
1161  
1162  .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
1163    margin: 0 0 0.6rem 48px; }
1164    @media (min-width: 782px) {
1165      .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
1166        margin-left: 38px; } }
1167    @media (min-width: 600px) {
1168      .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button {
1169        max-width: 300px; } }
1170  
1171  .edit-post-welcome-guide {
1172    width: 312px; }
1173    .edit-post-welcome-guide__image {
1174      background: #00a0d2;
1175      height: 240px; }
1176      .edit-post-welcome-guide__image__prm-r {
1177        display: none; }
1178      @media (prefers-reduced-motion: reduce) {
1179        .edit-post-welcome-guide__image__prm-r {
1180          display: block; }
1181        .edit-post-welcome-guide__image__prm-np {
1182          display: none; } }
1183    .edit-post-welcome-guide__heading {
1184      font-family: "Noto Serif", serif;
1185      font-size: 24px;
1186      line-height: 1.4;
1187      margin: 0 0 16px 0;
1188      padding: 0 32px; }
1189    .edit-post-welcome-guide__text {
1190      font-size: 13px;
1191      line-height: 1.4;
1192      margin: 0 0 24px 0;
1193      padding: 0 32px; }
1194    .edit-post-welcome-guide__inserter-icon {
1195      margin: 0 4px;
1196      vertical-align: text-top; }
1197  
1198  /**
1199   * Animations
1200   */
1201  @keyframes edit-post__fade-in-animation {
1202    from {
1203      opacity: 0; }
1204    to {
1205      opacity: 1; } }
1206  
1207  html.wp-toolbar {
1208    background: #fff; }
1209  
1210  body.block-editor-page {
1211    background: #fff;
1212    /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.
1213         Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ }
1214    body.block-editor-page #wpcontent {
1215      padding-left: 0; }
1216    body.block-editor-page #wpbody-content {
1217      padding-bottom: 0; }
1218    body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) {
1219      display: none; }
1220    body.block-editor-page #wpfooter {
1221      display: none; }
1222    body.block-editor-page .a11y-speak-region {
1223      left: -1px;
1224      top: -1px; }
1225    body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after,
1226    body.block-editor-page ul#adminmenu > li.current > a.current::after {
1227      border-right-color: #fff; }
1228    body.block-editor-page .media-frame select.attachment-filters:last-of-type {
1229      width: auto;
1230      max-width: 100%; }
1231  
1232  .edit-post-header,
1233  .edit-post-visual-editor,
1234  .edit-post-text-editor,
1235  .edit-post-sidebar,
1236  .editor-post-publish-panel,
1237  .components-popover,
1238  .components-modal__frame,
1239  .edit-post-layout__inserter-panel {
1240    box-sizing: border-box; }
1241    .edit-post-header *,
1242    .edit-post-header *::before,
1243    .edit-post-header *::after,
1244    .edit-post-visual-editor *,
1245    .edit-post-visual-editor *::before,
1246    .edit-post-visual-editor *::after,
1247    .edit-post-text-editor *,
1248    .edit-post-text-editor *::before,
1249    .edit-post-text-editor *::after,
1250    .edit-post-sidebar *,
1251    .edit-post-sidebar *::before,
1252    .edit-post-sidebar *::after,
1253    .editor-post-publish-panel *,
1254    .editor-post-publish-panel *::before,
1255    .editor-post-publish-panel *::after,
1256    .components-popover *,
1257    .components-popover *::before,
1258    .components-popover *::after,
1259    .components-modal__frame *,
1260    .components-modal__frame *::before,
1261    .components-modal__frame *::after,
1262    .edit-post-layout__inserter-panel *,
1263    .edit-post-layout__inserter-panel *::before,
1264    .edit-post-layout__inserter-panel *::after {
1265      box-sizing: inherit; }
1266  
1267  @media (min-width: 600px) {
1268    .block-editor__container {
1269      position: absolute;
1270      top: 0;
1271      right: 0;
1272      bottom: 0;
1273      left: 0;
1274      min-height: calc(100vh - 46px); } }
1275  
1276  @media (min-width: 782px) {
1277    .block-editor__container {
1278      min-height: calc(100vh - 32px); }
1279      body.is-fullscreen-mode .block-editor__container {
1280        min-height: 100vh; } }
1281  
1282  .block-editor__container img {
1283    max-width: 100%;
1284    height: auto; }
1285  
1286  .block-editor__container iframe {
1287    width: 100%; }
1288  
1289  .block-editor__container .components-navigate-regions {
1290    height: 100%; }
1291  
1292  .wp-block {
1293    max-width: 580px; }
1294    .wp-block[data-align="wide"] {
1295      max-width: 1100px; }
1296    .wp-block[data-align="full"] {
1297      max-width: none; }
1298  
1299  body.admin-color-light {
1300    --wp-admin-theme-color: #0085ba;
1301    --wp-admin-theme-color-darker-10: #0073a1;
1302    --wp-admin-theme-color-darker-20: #006187; }
1303  
1304  body.admin-color-modern {
1305    --wp-admin-theme-color: #3858e9;
1306    --wp-admin-theme-color-darker-10: #2145e6;
1307    --wp-admin-theme-color-darker-20: #183ad6; }
1308  
1309  body.admin-color-blue {
1310    --wp-admin-theme-color: #096484;
1311    --wp-admin-theme-color-darker-10: #07526c;
1312    --wp-admin-theme-color-darker-20: #064054; }
1313  
1314  body.admin-color-coffee {
1315    --wp-admin-theme-color: #46403c;
1316    --wp-admin-theme-color-darker-10: #383330;
1317    --wp-admin-theme-color-darker-20: #2b2724; }
1318  
1319  body.admin-color-ectoplasm {
1320    --wp-admin-theme-color: #523f6d;
1321    --wp-admin-theme-color-darker-10: #46365d;
1322    --wp-admin-theme-color-darker-20: #3a2c4d; }
1323  
1324  body.admin-color-midnight {
1325    --wp-admin-theme-color: #e14d43;
1326    --wp-admin-theme-color-darker-10: #dd382d;
1327    --wp-admin-theme-color-darker-20: #d02c21; }
1328  
1329  body.admin-color-ocean {
1330    --wp-admin-theme-color: #627c83;
1331    --wp-admin-theme-color-darker-10: #576e74;
1332    --wp-admin-theme-color-darker-20: #4c6066; }
1333  
1334  body.admin-color-sunrise {
1335    --wp-admin-theme-color: #dd823b;
1336    --wp-admin-theme-color-darker-10: #d97426;
1337    --wp-admin-theme-color-darker-20: #c36922; }


Generated : Tue Sep 22 08:20:01 2020 Cross-referenced by PHPXref