wp/wp-includes/css/dist/editor/style-rtl.css
changeset 18 be944660c56a
parent 16 a86126ab1dd4
child 19 3d72ae0968f4
equal deleted inserted replaced
17:34716fd837a4 18:be944660c56a
     1 @charset "UTF-8";
     1 @charset "UTF-8";
     2 /**
     2 /**
     3  * Colors
     3  * Colors
     4  */
     4  */
     5 /**
     5 /**
     6  * Deprecated colors.
       
     7  * Please avoid using these.
       
     8  */
       
     9 /**
       
    10  * Breakpoints & Media Queries
     6  * Breakpoints & Media Queries
    11  */
     7  */
    12 /**
     8 /**
       
     9  * SCSS Variables.
       
    10  *
       
    11  * Please use variables from this sheet to ensure consistency across the UI.
       
    12  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
       
    13  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
       
    14  */
       
    15 /**
    13  * Colors
    16  * Colors
    14  */
       
    15 /**
       
    16  * Deprecated colors.
       
    17  * Please avoid using these.
       
    18  */
    17  */
    19 /**
    18 /**
    20  * Fonts & basic variables.
    19  * Fonts & basic variables.
    21  */
    20  */
    22 /**
    21 /**
    31  */
    30  */
    32 /**
    31 /**
    33  * Editor widths.
    32  * Editor widths.
    34  */
    33  */
    35 /**
    34 /**
    36  * Block UI.
    35  * Block & Editor UI.
    37  */
    36  */
    38 /**
    37 /**
    39  * Border radii.
    38  * Block paddings.
       
    39  */
       
    40 /**
       
    41  * React Native specific.
       
    42  * These variables do not appear to be used anywhere else.
    40  */
    43  */
    41 /**
    44 /**
    42  * Breakpoint mixins
    45  * Breakpoint mixins
    43  */
    46  */
    44 /**
    47 /**
    67  * Reset the WP Admin page styles for Gutenberg-like pages.
    70  * Reset the WP Admin page styles for Gutenberg-like pages.
    68  */
    71  */
    69 :root {
    72 :root {
    70   --wp-admin-theme-color: #007cba;
    73   --wp-admin-theme-color: #007cba;
    71   --wp-admin-theme-color-darker-10: #006ba1;
    74   --wp-admin-theme-color-darker-10: #006ba1;
    72   --wp-admin-theme-color-darker-20: #005a87; }
    75   --wp-admin-theme-color-darker-20: #005a87;
       
    76   --wp-admin-border-width-focus: 2px;
       
    77 }
       
    78 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
       
    79   :root {
       
    80     --wp-admin-border-width-focus: 1.5px;
       
    81   }
       
    82 }
    73 
    83 
    74 .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
    84 .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
    75   /* stylelint-disable */
    85   /* stylelint-disable */
    76   font: normal 20px/1 dashicons;
    86   font: normal 20px/1 dashicons;
    77   /* stylelint-enable */
    87   /* stylelint-enable */
    78   content: "\f110";
    88   content: "";
    79   margin-left: 5px;
    89   margin-left: 5px;
    80   vertical-align: middle; }
    90   vertical-align: middle;
    81 
    91 }
    82 .editor-autocompleters__user .editor-autocompleters__user-avatar {
    92 .editor-autocompleters__user .editor-autocompleters__user-avatar {
    83   margin-left: 8px;
    93   margin-left: 8px;
    84   flex-grow: 0;
    94   flex-grow: 0;
    85   flex-shrink: 0;
    95   flex-shrink: 0;
    86   max-width: none;
    96   max-width: none;
    87   width: 24px;
    97   width: 24px;
    88   height: 24px; }
    98   height: 24px;
    89 
    99 }
    90 .editor-autocompleters__user .editor-autocompleters__user-name {
   100 .editor-autocompleters__user .editor-autocompleters__user-name {
    91   white-space: nowrap;
   101   white-space: nowrap;
    92   text-overflow: ellipsis;
   102   text-overflow: ellipsis;
    93   overflow: hidden;
   103   overflow: hidden;
    94   max-width: 200px;
   104   max-width: 200px;
    95   flex-shrink: 0;
   105   flex-shrink: 0;
    96   flex-grow: 1; }
   106   flex-grow: 1;
    97 
   107 }
    98 .editor-autocompleters__user .editor-autocompleters__user-slug {
   108 .editor-autocompleters__user .editor-autocompleters__user-slug {
    99   margin-right: 8px;
   109   margin-right: 8px;
   100   color: #8f98a1;
   110   color: #757575;
   101   white-space: nowrap;
   111   white-space: nowrap;
   102   text-overflow: ellipsis;
   112   text-overflow: ellipsis;
   103   overflow: none;
   113   overflow: none;
   104   max-width: 100px;
   114   max-width: 100px;
   105   flex-grow: 0;
   115   flex-grow: 0;
   106   flex-shrink: 0; }
   116   flex-shrink: 0;
   107 
   117 }
   108 .editor-autocompleters__user:hover .editor-autocompleters__user-slug {
   118 .editor-autocompleters__user:hover .editor-autocompleters__user-slug {
   109   color: #007cba;
   119   color: var(--wp-admin-theme-color);
   110   color: var(--wp-admin-theme-color); }
   120 }
   111 
   121 
   112 .document-outline {
   122 .document-outline {
   113   margin: 20px 0; }
   123   margin: 20px 0;
   114   .document-outline ul {
   124 }
   115     margin: 0;
   125 .document-outline ul {
   116     padding: 0; }
   126   margin: 0;
       
   127   padding: 0;
       
   128 }
   117 
   129 
   118 .document-outline__item {
   130 .document-outline__item {
   119   display: flex;
   131   display: flex;
   120   margin: 4px 0; }
   132   margin: 4px 0;
   121   .document-outline__item a {
   133 }
   122     text-decoration: none; }
   134 .document-outline__item a {
   123   .document-outline__item .document-outline__emdash::before {
   135   text-decoration: none;
   124     color: #ddd;
   136 }
   125     margin-left: 4px; }
   137 .document-outline__item .document-outline__emdash::before {
   126   .document-outline__item.is-h2 .document-outline__emdash::before {
   138   color: #ddd;
   127     content: "—"; }
   139   margin-left: 4px;
   128   .document-outline__item.is-h3 .document-outline__emdash::before {
   140 }
   129     content: "——"; }
   141 .document-outline__item.is-h2 .document-outline__emdash::before {
   130   .document-outline__item.is-h4 .document-outline__emdash::before {
   142   content: "—";
   131     content: "———"; }
   143 }
   132   .document-outline__item.is-h5 .document-outline__emdash::before {
   144 .document-outline__item.is-h3 .document-outline__emdash::before {
   133     content: "————"; }
   145   content: "——";
   134   .document-outline__item.is-h6 .document-outline__emdash::before {
   146 }
   135     content: "—————"; }
   147 .document-outline__item.is-h4 .document-outline__emdash::before {
       
   148   content: "———";
       
   149 }
       
   150 .document-outline__item.is-h5 .document-outline__emdash::before {
       
   151   content: "————";
       
   152 }
       
   153 .document-outline__item.is-h6 .document-outline__emdash::before {
       
   154   content: "—————";
       
   155 }
   136 
   156 
   137 .document-outline__button {
   157 .document-outline__button {
   138   cursor: pointer;
   158   cursor: pointer;
   139   background: none;
   159   background: none;
   140   border: none;
   160   border: none;
   142   align-items: flex-start;
   162   align-items: flex-start;
   143   margin: 0 -1px 0 0;
   163   margin: 0 -1px 0 0;
   144   padding: 2px 1px 2px 5px;
   164   padding: 2px 1px 2px 5px;
   145   color: #1e1e1e;
   165   color: #1e1e1e;
   146   text-align: right;
   166   text-align: right;
   147   border-radius: 2px; }
   167   border-radius: 2px;
   148   .document-outline__button:disabled {
   168 }
   149     cursor: default; }
   169 .document-outline__button:disabled {
   150   .document-outline__button:focus {
   170   cursor: default;
   151     box-shadow: 0 0 0 1.5px #007cba;
   171 }
   152     box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color);
   172 .document-outline__button:focus {
   153     outline: 2px solid transparent; }
   173   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   174   outline: 2px solid transparent;
       
   175 }
   154 
   176 
   155 .document-outline__level {
   177 .document-outline__level {
   156   background: #ddd;
   178   background: #ddd;
   157   color: #1e1e1e;
   179   color: #1e1e1e;
   158   border-radius: 3px;
   180   border-radius: 3px;
   159   font-size: 13px;
   181   font-size: 13px;
   160   padding: 1px 6px;
   182   padding: 1px 6px;
   161   margin-left: 4px; }
   183   margin-left: 4px;
   162   .is-invalid .document-outline__level {
   184 }
   163     background: #f0b849; }
   185 .is-invalid .document-outline__level {
       
   186   background: #f0b849;
       
   187 }
   164 
   188 
   165 .document-outline__item-content {
   189 .document-outline__item-content {
   166   padding: 1px 0; }
   190   padding: 1px 0;
   167 
   191 }
   168 .components-editor-notices__dismissible {
   192 
   169   position: -webkit-sticky;
   193 .components-editor-notices__dismissible,
   170   position: sticky;
       
   171   top: 0;
       
   172   left: 0;
       
   173   color: #1e1e1e; }
       
   174 
       
   175 .components-editor-notices__pinned {
   194 .components-editor-notices__pinned {
   176   position: relative;
   195   position: relative;
   177   right: 0;
   196   right: 0;
   178   top: 0;
   197   top: 0;
   179   left: 0;
   198   left: 0;
   180   color: #1e1e1e; }
   199   color: #1e1e1e;
   181 
   200 }
   182 .components-editor-notices__dismissible .components-notice,
   201 .components-editor-notices__dismissible .components-notice,
   183 .components-editor-notices__pinned .components-notice {
   202 .components-editor-notices__pinned .components-notice {
   184   box-sizing: border-box;
   203   box-sizing: border-box;
   185   margin: 0;
   204   margin: 0;
   186   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   205   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   187   padding: 0 12px;
   206   padding: 0 12px;
   188   min-height: 60px; }
   207   min-height: 60px;
   189   .components-editor-notices__dismissible .components-notice .components-notice__dismiss,
   208 }
   190   .components-editor-notices__pinned .components-notice .components-notice__dismiss {
   209 .components-editor-notices__dismissible .components-notice .components-notice__dismiss,
   191     margin-top: 12px; }
   210 .components-editor-notices__pinned .components-notice .components-notice__dismiss {
   192 
   211   margin-top: 12px;
   193 .components-editor-notices__snackbar {
   212 }
   194   width: 100%; }
       
   195   @media (min-width: 782px) {
       
   196     .components-editor-notices__snackbar {
       
   197       width: fit-content;
       
   198       width: -moz-fit-content; } }
       
   199 
   213 
   200 .entities-saved-states__panel {
   214 .entities-saved-states__panel {
   201   box-sizing: border-box;
   215   box-sizing: border-box;
   202   background: #fff;
   216   background: #fff;
   203   position: fixed;
   217   position: fixed;
   205   top: 46px;
   219   top: 46px;
   206   bottom: 0;
   220   bottom: 0;
   207   left: 0;
   221   left: 0;
   208   right: 0;
   222   right: 0;
   209   overflow: auto;
   223   overflow: auto;
   210   box-sizing: border-box; }
   224   box-sizing: border-box;
   211   .entities-saved-states__panel *,
   225 }
   212   .entities-saved-states__panel *::before,
   226 .entities-saved-states__panel *,
   213   .entities-saved-states__panel *::after {
   227 .entities-saved-states__panel *::before,
   214     box-sizing: inherit; }
   228 .entities-saved-states__panel *::after {
       
   229   box-sizing: inherit;
       
   230 }
       
   231 .entities-saved-states__panel .entities-saved-states__find-entity {
       
   232   display: none;
       
   233 }
       
   234 .entities-saved-states__panel .entities-saved-states__find-entity-small {
       
   235   display: block;
       
   236 }
       
   237 @media (min-width: 782px) {
       
   238   .entities-saved-states__panel {
       
   239     top: 32px;
       
   240     right: auto;
       
   241     width: 280px;
       
   242     border-right: 1px solid #ddd;
       
   243   }
       
   244   body.is-fullscreen-mode .entities-saved-states__panel {
       
   245     top: 0;
       
   246   }
   215   .entities-saved-states__panel .entities-saved-states__find-entity {
   247   .entities-saved-states__panel .entities-saved-states__find-entity {
   216     display: none; }
   248     display: block;
       
   249   }
   217   .entities-saved-states__panel .entities-saved-states__find-entity-small {
   250   .entities-saved-states__panel .entities-saved-states__find-entity-small {
   218     display: block; }
   251     display: none;
   219   @media (min-width: 782px) {
   252   }
   220     .entities-saved-states__panel {
   253 }
   221       z-index: 99998;
   254 .entities-saved-states__panel .entities-saved-states__panel-header {
   222       top: 32px;
   255   background: #fff;
   223       right: auto;
   256   padding-right: 8px;
   224       width: 280px;
   257   padding-left: 8px;
   225       border-right: 1px solid #ddd; }
   258   height: 61px;
   226       body.is-fullscreen-mode .entities-saved-states__panel {
   259   border-bottom: 1px solid #ddd;
   227         top: 0; }
   260   display: flex;
   228       .entities-saved-states__panel .entities-saved-states__find-entity {
   261   align-items: center;
   229         display: block; }
   262   align-content: space-between;
   230       .entities-saved-states__panel .entities-saved-states__find-entity-small {
   263 }
   231         display: none; } }
   264 .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {
   232   .entities-saved-states__panel .entities-saved-states__panel-header {
   265   margin: auto;
   233     background: #fff;
   266 }
   234     padding-right: 8px;
   267 .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {
   235     padding-left: 8px;
   268   position: absolute;
   236     height: 61px;
   269   left: 8px;
   237     border-bottom: 1px solid #ddd;
   270 }
   238     display: flex;
   271 .entities-saved-states__panel .entities-saved-states__text-prompt {
   239     align-items: center;
   272   padding: 16px;
   240     align-content: space-between; }
   273   padding-bottom: 4px;
   241     .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {
   274 }
   242       margin: auto; }
       
   243     .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {
       
   244       position: absolute;
       
   245       left: 8px; }
       
   246   .entities-saved-states__panel .entities-saved-states__text-prompt {
       
   247     border-bottom: 1px solid #ddd;
       
   248     padding: 16px;
       
   249     padding-bottom: 4px; }
       
   250 
   275 
   251 .editor-error-boundary {
   276 .editor-error-boundary {
   252   margin: auto;
   277   margin: auto;
   253   max-width: 780px;
   278   max-width: 780px;
   254   padding: 20px;
   279   padding: 20px;
   255   margin-top: 60px;
   280   margin-top: 60px;
   256   box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); }
   281   box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
   257 
   282 }
   258 .editor-page-attributes__template {
       
   259   margin-bottom: 10px; }
       
   260   .editor-page-attributes__template label,
       
   261   .editor-page-attributes__template select {
       
   262     width: 100%; }
       
   263 
   283 
   264 .editor-page-attributes__order {
   284 .editor-page-attributes__order {
   265   width: 100%; }
   285   width: 100%;
   266   .editor-page-attributes__order .components-base-control__field {
   286 }
   267     display: flex;
   287 .editor-page-attributes__order .components-base-control__field {
   268     justify-content: space-between;
   288   display: flex;
   269     align-items: center; }
   289   justify-content: space-between;
   270   .editor-page-attributes__order input {
   290   align-items: center;
   271     width: 66px; }
   291 }
       
   292 .editor-page-attributes__order input {
       
   293   width: 66px;
       
   294 }
   272 
   295 
   273 .editor-post-excerpt__textarea {
   296 .editor-post-excerpt__textarea {
   274   width: 100%;
   297   width: 100%;
   275   margin-bottom: 10px; }
   298   margin-bottom: 10px;
       
   299 }
   276 
   300 
   277 .editor-post-featured-image {
   301 .editor-post-featured-image {
   278   padding: 0; }
   302   padding: 0;
   279   .editor-post-featured-image__container {
   303 }
   280     margin-bottom: 1em;
   304 .editor-post-featured-image__container {
   281     position: relative; }
   305   margin-bottom: 1em;
   282   .editor-post-featured-image .components-spinner {
   306   position: relative;
   283     position: absolute;
   307 }
   284     top: 50%;
   308 .editor-post-featured-image .components-spinner {
   285     right: 50%;
   309   position: absolute;
   286     margin-top: -9px;
   310   top: 50%;
   287     margin-right: -9px; }
   311   right: 50%;
   288   .editor-post-featured-image .components-button + .components-button {
   312   margin-top: -9px;
   289     display: block;
   313   margin-right: -9px;
   290     margin-top: 1em; }
   314 }
   291   .editor-post-featured-image .components-responsive-wrapper__content {
   315 .editor-post-featured-image .components-button + .components-button {
   292     max-width: 100%;
   316   display: block;
   293     width: auto; }
   317   margin-top: 1em;
       
   318 }
       
   319 .editor-post-featured-image .components-responsive-wrapper__content {
       
   320   max-width: 100%;
       
   321   width: auto;
       
   322 }
   294 
   323 
   295 .editor-post-featured-image__toggle,
   324 .editor-post-featured-image__toggle,
   296 .editor-post-featured-image__preview {
   325 .editor-post-featured-image__preview {
   297   display: block;
   326   display: block;
   298   width: 100%;
   327   width: 100%;
   299   padding: 0;
   328   padding: 0;
   300   transition: all 0.1s ease-out;
   329   transition: all 0.1s ease-out;
   301   box-shadow: 0 0 0 0 #007cba;
   330   box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
   302   box-shadow: 0 0 0 0 var(--wp-admin-theme-color); }
   331 }
   303   @media (prefers-reduced-motion: reduce) {
   332 @media (prefers-reduced-motion: reduce) {
   304     .editor-post-featured-image__toggle,
   333   .editor-post-featured-image__toggle,
   305     .editor-post-featured-image__preview {
       
   306       transition-duration: 0s; } }
       
   307 
       
   308 .editor-post-featured-image__preview {
   334 .editor-post-featured-image__preview {
   309   height: auto; }
   335     transition-duration: 0s;
   310 
   336     transition-delay: 0s;
   311 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus {
   337   }
   312   box-shadow: 0 0 0 4px #007cba;
   338 }
   313   box-shadow: 0 0 0 4px var(--wp-admin-theme-color); }
   339 
       
   340 .editor-post-featured-image__preview {
       
   341   height: auto;
       
   342 }
       
   343 
       
   344 .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
       
   345   box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
       
   346 }
   314 
   347 
   315 .editor-post-featured-image__toggle {
   348 .editor-post-featured-image__toggle {
   316   border-radius: 2px;
   349   border-radius: 2px;
   317   background-color: #f0f0f0;
   350   background-color: #f0f0f0;
   318   min-height: 90px;
   351   min-height: 90px;
   319   line-height: 20px;
   352   line-height: 20px;
   320   padding: 8px 0;
   353   padding: 8px 0;
   321   text-align: center; }
   354   text-align: center;
   322   .editor-post-featured-image__toggle:hover {
   355 }
   323     background: #ddd;
   356 .editor-post-featured-image__toggle:hover {
   324     color: #1e1e1e; }
   357   background: #ddd;
       
   358   color: #1e1e1e;
       
   359 }
   325 
   360 
   326 .editor-post-format {
   361 .editor-post-format {
   327   flex-direction: column;
   362   flex-direction: column;
   328   align-items: stretch;
   363   align-items: stretch;
   329   width: 100%; }
   364   width: 100%;
       
   365 }
   330 
   366 
   331 .editor-post-format__content {
   367 .editor-post-format__content {
   332   display: inline-flex;
   368   display: inline-flex;
   333   justify-content: space-between;
   369   justify-content: space-between;
   334   align-items: center;
   370   align-items: center;
   335   width: 100%; }
   371   width: 100%;
       
   372 }
   336 
   373 
   337 .editor-post-format__suggestion {
   374 .editor-post-format__suggestion {
   338   text-align: left;
   375   text-align: left;
   339   font-size: 13px; }
   376   font-size: 13px;
       
   377 }
   340 
   378 
   341 .editor-post-last-revision__title {
   379 .editor-post-last-revision__title {
   342   width: 100%;
   380   width: 100%;
   343   font-weight: 600; }
   381   font-weight: 600;
   344   .editor-post-last-revision__title .dashicon {
   382 }
   345     margin-left: 5px; }
   383 .editor-post-last-revision__title .dashicon {
       
   384   margin-left: 5px;
       
   385 }
   346 
   386 
   347 .components-button.editor-post-last-revision__title {
   387 .components-button.editor-post-last-revision__title {
   348   height: 100%; }
   388   height: 100%;
   349   .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
   389 }
   350     background: #f0f0f0; }
   390 .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
   351   .components-button.editor-post-last-revision__title:focus {
   391   background: #f0f0f0;
   352     box-shadow: inset 0 0 0 1.5px #007cba;
   392 }
   353     box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color);
   393 .components-button.editor-post-last-revision__title:focus {
   354     border-radius: 0; }
   394   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   395   border-radius: 0;
       
   396 }
   355 
   397 
   356 .editor-post-locked-modal {
   398 .editor-post-locked-modal {
   357   height: auto;
   399   height: auto;
   358   padding-left: 10px;
   400   padding-left: 10px;
   359   padding-right: 10px;
   401   padding-right: 10px;
   360   padding-top: 10px;
   402   padding-top: 10px;
   361   max-width: 480px; }
   403   max-width: 480px;
   362   .editor-post-locked-modal .components-modal__header {
   404 }
   363     height: 36px; }
   405 .editor-post-locked-modal .components-modal__header {
   364   .editor-post-locked-modal .components-modal__content {
   406   height: 36px;
   365     height: auto; }
   407 }
       
   408 .editor-post-locked-modal .components-modal__content {
       
   409   height: auto;
       
   410 }
   366 
   411 
   367 .editor-post-locked-modal__buttons {
   412 .editor-post-locked-modal__buttons {
   368   margin-top: 10px; }
   413   margin-top: 10px;
   369   .editor-post-locked-modal__buttons .components-button {
   414 }
   370     margin-left: 5px; }
   415 .editor-post-locked-modal__buttons .components-button {
       
   416   margin-left: 5px;
       
   417 }
   371 
   418 
   372 .editor-post-locked-modal__avatar {
   419 .editor-post-locked-modal__avatar {
   373   float: right;
   420   float: right;
   374   margin: 5px;
   421   margin: 5px;
   375   margin-left: 15px; }
   422   margin-left: 15px;
       
   423 }
   376 
   424 
   377 .editor-post-publish-button__button.has-changes-dot::before {
   425 .editor-post-publish-button__button.has-changes-dot::before {
   378   background: currentcolor;
   426   background: currentcolor;
   379   border-radius: 4px;
   427   border-radius: 4px;
   380   content: "";
   428   content: "";
   381   height: 8px;
   429   height: 8px;
   382   margin: auto -3px auto 5px;
   430   margin: auto -3px auto 5px;
   383   width: 8px; }
   431   width: 8px;
       
   432 }
   384 
   433 
   385 .editor-post-publish-panel {
   434 .editor-post-publish-panel {
   386   background: #fff; }
   435   background: #fff;
       
   436 }
   387 
   437 
   388 .editor-post-publish-panel__content {
   438 .editor-post-publish-panel__content {
   389   min-height: calc(100% - 144px); }
   439   min-height: calc(100% - 144px);
   390   .editor-post-publish-panel__content .components-spinner {
   440 }
   391     display: block;
   441 .editor-post-publish-panel__content .components-spinner {
   392     margin: 100px auto 0; }
   442   display: block;
       
   443   margin: 100px auto 0;
       
   444 }
   393 
   445 
   394 .editor-post-publish-panel__header {
   446 .editor-post-publish-panel__header {
   395   background: #fff;
   447   background: #fff;
   396   padding-right: 16px;
   448   padding-right: 16px;
   397   padding-left: 16px;
   449   padding-left: 16px;
   398   height: 61px;
   450   height: 61px;
   399   border-bottom: 1px solid #ddd;
   451   border-bottom: 1px solid #ddd;
   400   display: flex;
   452   display: flex;
   401   align-items: center;
   453   align-items: center;
   402   align-content: space-between; }
   454   align-content: space-between;
   403   .editor-post-publish-panel__header .components-button {
   455 }
   404     width: 100%;
   456 .editor-post-publish-panel__header .components-button {
   405     justify-content: center; }
   457   width: 100%;
   406   .editor-post-publish-panel__header .has-icon {
   458   justify-content: center;
   407     margin-right: auto;
   459 }
   408     width: auto; }
   460 .editor-post-publish-panel__header .has-icon {
       
   461   margin-right: auto;
       
   462   width: auto;
       
   463 }
       
   464 
       
   465 .components-site-card {
       
   466   display: flex;
       
   467   align-items: center;
       
   468   margin: 16px 0;
       
   469 }
       
   470 
       
   471 .components-site-icon {
       
   472   border: none;
       
   473   border-radius: 2px;
       
   474   margin-left: 12px;
       
   475   height: 36px;
       
   476   width: 36px;
       
   477 }
       
   478 
       
   479 .components-site-name {
       
   480   display: block;
       
   481   font-size: 14px;
       
   482 }
       
   483 
       
   484 .components-site-home {
       
   485   display: block;
       
   486   color: #757575;
       
   487   font-size: 12px;
       
   488 }
   409 
   489 
   410 .editor-post-publish-panel__header-publish-button,
   490 .editor-post-publish-panel__header-publish-button,
   411 .editor-post-publish-panel__header-cancel-button {
   491 .editor-post-publish-panel__header-cancel-button {
   412   flex-grow: 1; }
   492   flex-grow: 1;
   413   @media (min-width: 480px) {
   493 }
   414     .editor-post-publish-panel__header-publish-button,
   494 @media (min-width: 480px) {
   415     .editor-post-publish-panel__header-cancel-button {
   495   .editor-post-publish-panel__header-publish-button,
   416       max-width: 160px; } }
   496 .editor-post-publish-panel__header-cancel-button {
       
   497     max-width: 160px;
       
   498   }
       
   499 }
   417 
   500 
   418 .editor-post-publish-panel__header-publish-button {
   501 .editor-post-publish-panel__header-publish-button {
   419   padding-left: 4px; }
   502   padding-left: 4px;
       
   503 }
   420 
   504 
   421 .editor-post-publish-panel__header-cancel-button {
   505 .editor-post-publish-panel__header-cancel-button {
   422   padding-right: 4px; }
   506   padding-right: 4px;
       
   507 }
   423 
   508 
   424 .editor-post-publish-panel__header-published {
   509 .editor-post-publish-panel__header-published {
   425   flex-grow: 1; }
   510   flex-grow: 1;
       
   511 }
   426 
   512 
   427 .editor-post-publish-panel__footer {
   513 .editor-post-publish-panel__footer {
   428   padding: 16px; }
   514   padding: 16px;
       
   515 }
   429 
   516 
   430 .components-button.editor-post-publish-panel__toggle.is-primary {
   517 .components-button.editor-post-publish-panel__toggle.is-primary {
   431   display: inline-flex;
   518   display: inline-flex;
   432   align-items: center; }
   519   align-items: center;
   433   .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
   520 }
   434     display: none; }
   521 .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
   435   .components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
   522   display: none;
   436     margin-left: -4px; }
   523 }
       
   524 .components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
       
   525   margin-left: -4px;
       
   526 }
   437 
   527 
   438 .editor-post-publish-panel__link {
   528 .editor-post-publish-panel__link {
   439   font-weight: 400;
   529   font-weight: 400;
   440   padding-right: 4px; }
   530   padding-right: 4px;
       
   531 }
   441 
   532 
   442 .editor-post-publish-panel__prepublish {
   533 .editor-post-publish-panel__prepublish {
   443   padding: 16px; }
   534   padding: 16px;
   444   .editor-post-publish-panel__prepublish strong {
   535 }
   445     color: #1e1e1e; }
   536 .editor-post-publish-panel__prepublish strong {
   446   .editor-post-publish-panel__prepublish .components-panel__body {
   537   color: #1e1e1e;
   447     background: #fff;
   538 }
   448     margin-right: -16px;
   539 .editor-post-publish-panel__prepublish .components-panel__body {
   449     margin-left: -16px; }
   540   background: #fff;
   450   .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
   541   margin-right: -16px;
   451     display: none; }
   542   margin-left: -16px;
       
   543 }
       
   544 .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
       
   545   display: none;
       
   546 }
   452 
   547 
   453 .post-publish-panel__postpublish .components-panel__body {
   548 .post-publish-panel__postpublish .components-panel__body {
   454   border-bottom: 1px solid #f0f0f0;
   549   border-bottom: 1px solid #e0e0e0;
   455   border-top: none; }
   550   border-top: none;
       
   551 }
   456 
   552 
   457 .post-publish-panel__postpublish-buttons {
   553 .post-publish-panel__postpublish-buttons {
   458   display: flex;
   554   display: flex;
   459   align-content: space-between;
   555   align-content: space-between;
   460   flex-wrap: wrap;
   556   flex-wrap: wrap;
   461   margin: -5px; }
   557   margin: -5px;
   462   .post-publish-panel__postpublish-buttons > * {
   558 }
   463     flex-grow: 1;
   559 .post-publish-panel__postpublish-buttons > * {
   464     margin: 5px; }
   560   flex-grow: 1;
   465   .post-publish-panel__postpublish-buttons .components-button {
   561   margin: 5px;
   466     height: auto;
   562 }
   467     justify-content: center;
   563 .post-publish-panel__postpublish-buttons .components-button {
   468     padding: 3px 10px 4px;
   564   height: auto;
   469     line-height: 1.6;
   565   justify-content: center;
   470     text-align: center;
   566   padding: 3px 10px 4px;
   471     white-space: normal; }
   567   line-height: 1.6;
   472   .post-publish-panel__postpublish-buttons .components-clipboard-button {
   568   text-align: center;
   473     width: 100%; }
   569   white-space: normal;
       
   570 }
       
   571 .post-publish-panel__postpublish-buttons .components-clipboard-button {
       
   572   width: 100%;
       
   573 }
   474 
   574 
   475 .post-publish-panel__postpublish-post-address {
   575 .post-publish-panel__postpublish-post-address {
   476   margin-bottom: 16px; }
   576   margin-bottom: 16px;
   477   .post-publish-panel__postpublish-post-address input[readonly] {
   577 }
   478     padding: 10px;
   578 .post-publish-panel__postpublish-post-address input[readonly] {
   479     background: #ddd;
   579   padding: 10px;
   480     overflow: hidden;
   580   background: #ddd;
   481     text-overflow: ellipsis; }
   581   overflow: hidden;
       
   582   text-overflow: ellipsis;
       
   583 }
   482 
   584 
   483 .post-publish-panel__postpublish-header {
   585 .post-publish-panel__postpublish-header {
   484   font-weight: 500; }
   586   font-weight: 500;
       
   587 }
   485 
   588 
   486 .post-publish-panel__postpublish-subheader {
   589 .post-publish-panel__postpublish-subheader {
   487   margin: 0 0 8px; }
   590   margin: 0 0 8px;
       
   591 }
   488 
   592 
   489 .post-publish-panel__tip {
   593 .post-publish-panel__tip {
   490   color: #f0b849; }
   594   color: #f0b849;
       
   595 }
   491 
   596 
   492 .editor-post-saved-state {
   597 .editor-post-saved-state {
   493   display: flex;
   598   display: flex;
   494   align-items: center;
   599   align-items: center;
   495   width: 28px;
   600   width: 28px;
   496   padding: 12px 4px;
   601   padding: 12px 4px;
   497   color: #757575;
   602   color: #757575;
   498   overflow: hidden;
   603   overflow: hidden;
   499   white-space: nowrap; }
   604   white-space: nowrap;
       
   605 }
       
   606 .editor-post-saved-state svg {
       
   607   display: inline-block;
       
   608   flex: 0 0 auto;
       
   609   fill: currentColor;
       
   610   margin-left: 8px;
       
   611 }
       
   612 @media (min-width: 600px) {
       
   613   .editor-post-saved-state {
       
   614     width: auto;
       
   615     padding: 8px 12px;
       
   616     text-indent: inherit;
       
   617   }
   500   .editor-post-saved-state svg {
   618   .editor-post-saved-state svg {
   501     display: inline-block;
   619     margin-left: 4px;
   502     flex: 0 0 auto;
   620   }
   503     fill: currentColor;
   621 }
   504     margin-left: 8px; }
       
   505   @media (min-width: 600px) {
       
   506     .editor-post-saved-state {
       
   507       width: auto;
       
   508       padding: 8px 12px;
       
   509       text-indent: inherit; }
       
   510       .editor-post-saved-state svg {
       
   511         margin-left: 4px; } }
       
   512 
   622 
   513 .editor-post-taxonomies__hierarchical-terms-list {
   623 .editor-post-taxonomies__hierarchical-terms-list {
   514   max-height: 14em;
   624   max-height: 14em;
   515   overflow: auto;
   625   overflow: auto;
   516   margin-right: -5.5px;
   626   margin-right: -6px;
   517   padding-right: 5.5px;
   627   padding-right: 6px;
   518   margin-top: -5.5px;
   628   margin-top: -6px;
   519   padding-top: 5.5px; }
   629   padding-top: 6px;
       
   630 }
   520 
   631 
   521 .editor-post-taxonomies__hierarchical-terms-choice {
   632 .editor-post-taxonomies__hierarchical-terms-choice {
   522   margin-bottom: 8px; }
   633   margin-bottom: 8px;
       
   634 }
   523 
   635 
   524 .editor-post-taxonomies__hierarchical-terms-subchoices {
   636 .editor-post-taxonomies__hierarchical-terms-subchoices {
   525   margin-top: 8px;
   637   margin-top: 8px;
   526   margin-right: 16px; }
   638   margin-right: 16px;
       
   639 }
   527 
   640 
   528 .components-button.editor-post-taxonomies__hierarchical-terms-submit,
   641 .components-button.editor-post-taxonomies__hierarchical-terms-submit,
   529 .components-button.editor-post-taxonomies__hierarchical-terms-add {
   642 .components-button.editor-post-taxonomies__hierarchical-terms-add {
   530   margin-top: 12px; }
   643   margin-top: 12px;
       
   644 }
   531 
   645 
   532 .editor-post-taxonomies__hierarchical-terms-label {
   646 .editor-post-taxonomies__hierarchical-terms-label {
   533   display: inline-block;
   647   display: inline-block;
   534   margin-top: 12px; }
   648   margin-top: 12px;
       
   649 }
   535 
   650 
   536 .editor-post-taxonomies__hierarchical-terms-input {
   651 .editor-post-taxonomies__hierarchical-terms-input {
   537   margin-top: 8px;
   652   margin-top: 8px;
   538   width: 100%; }
   653   width: 100%;
       
   654 }
   539 
   655 
   540 .editor-post-taxonomies__hierarchical-terms-filter {
   656 .editor-post-taxonomies__hierarchical-terms-filter {
   541   margin-bottom: 8px;
   657   margin-bottom: 8px;
   542   width: 100%; }
   658   width: 100%;
       
   659 }
       
   660 
       
   661 .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
       
   662   font-weight: 400;
       
   663   margin-bottom: 12px;
       
   664 }
       
   665 
       
   666 .editor-post-taxonomies__flat-term-most-used-list {
       
   667   margin: 0;
       
   668 }
       
   669 .editor-post-taxonomies__flat-term-most-used-list li {
       
   670   display: inline-block;
       
   671   margin-left: 8px;
       
   672 }
       
   673 .editor-post-taxonomies__flat-term-most-used-list .components-button {
       
   674   font-size: 12px;
       
   675 }
   543 
   676 
   544 .edit-post-text-editor__body textarea.editor-post-text-editor {
   677 .edit-post-text-editor__body textarea.editor-post-text-editor {
   545   border: 1px solid #ccc;
   678   border: 1px solid #949494;
       
   679   border-radius: 0;
   546   display: block;
   680   display: block;
   547   margin: 0;
   681   margin: 0;
   548   width: 100%;
   682   width: 100%;
   549   box-shadow: none;
   683   box-shadow: none;
   550   resize: none;
   684   resize: none;
   551   overflow: hidden;
   685   overflow: hidden;
   552   font-family: Menlo, Consolas, monaco, monospace;
   686   font-family: Menlo, Consolas, monaco, monospace;
   553   line-height: 2.4;
   687   line-height: 2.4;
   554   border-radius: 0;
       
   555   min-height: 200px;
   688   min-height: 200px;
       
   689   transition: border 0.1s ease-out, box-shadow 0.1s linear;
   556   padding: 16px;
   690   padding: 16px;
   557   /* Fonts smaller than 16px causes mobile safari to zoom. */
   691   /* Fonts smaller than 16px causes mobile safari to zoom. */
   558   font-size: 16px !important; }
   692   font-size: 16px !important;
   559   @media (min-width: 600px) {
   693 }
   560     .edit-post-text-editor__body textarea.editor-post-text-editor {
   694 @media (prefers-reduced-motion: reduce) {
   561       padding: 24px; } }
   695   .edit-post-text-editor__body textarea.editor-post-text-editor {
   562   @media (min-width: 600px) {
   696     transition-duration: 0s;
   563     .edit-post-text-editor__body textarea.editor-post-text-editor {
   697     transition-delay: 0s;
   564       font-size: 15px !important; } }
   698   }
   565   .edit-post-text-editor__body textarea.editor-post-text-editor:focus {
   699 }
   566     border: 1px solid #1e1e1e;
   700 @media (min-width: 600px) {
   567     box-shadow: none;
   701   .edit-post-text-editor__body textarea.editor-post-text-editor {
   568     position: relative; }
   702     padding: 24px;
       
   703   }
       
   704 }
       
   705 @media (min-width: 600px) {
       
   706   .edit-post-text-editor__body textarea.editor-post-text-editor {
       
   707     font-size: 15px !important;
       
   708   }
       
   709 }
       
   710 .edit-post-text-editor__body textarea.editor-post-text-editor:focus {
       
   711   border-color: var(--wp-admin-theme-color);
       
   712   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
       
   713   position: relative;
       
   714 }
       
   715 .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
       
   716   color: rgba(30, 30, 30, 0.62);
       
   717 }
       
   718 .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
       
   719   color: rgba(30, 30, 30, 0.62);
       
   720   opacity: 1;
       
   721 }
       
   722 .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
       
   723   color: rgba(30, 30, 30, 0.62);
       
   724 }
   569 
   725 
   570 .edit-post-post-visibility__dialog,
   726 .edit-post-post-visibility__dialog,
   571 .editor-post-visibility__dialog-fieldset {
   727 .editor-post-visibility__dialog-fieldset {
   572   padding: 4px;
   728   padding: 4px;
   573   padding-top: 0; }
   729   padding-top: 0;
   574   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
   730 }
   575   .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
   731 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
   576     font-weight: 600;
   732 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
   577     margin-bottom: 1em;
   733   font-weight: 600;
   578     margin-top: 0.5em;
   734   margin-bottom: 1em;
   579     padding: 0; }
   735   margin-top: 0.5em;
   580   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"],
   736   padding: 0;
   581   .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] {
   737 }
   582     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   738 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
   583     padding: 6px 8px;
   739 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
   584     box-shadow: 0 0 0 transparent;
   740   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   585     transition: box-shadow 0.1s linear;
   741   padding: 6px 8px;
   586     border-radius: 2px;
   742   box-shadow: 0 0 0 transparent;
   587     border: 1px solid #757575;
   743   transition: box-shadow 0.1s linear;
   588     /* Fonts smaller than 16px causes mobile safari to zoom. */
   744   border-radius: 2px;
   589     font-size: 16px;
   745   border: 1px solid #757575;
       
   746   /* Fonts smaller than 16px causes mobile safari to zoom. */
       
   747   font-size: 16px;
       
   748   /* Override core line-height. To be reviewed. */
       
   749   line-height: normal;
       
   750   border: 1px solid #1e1e1e;
       
   751   margin-left: 12px;
       
   752   transition: none;
       
   753   border-radius: 50%;
       
   754   width: 24px;
       
   755   height: 24px;
       
   756   margin-top: 2px;
       
   757 }
       
   758 @media (prefers-reduced-motion: reduce) {
       
   759   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
       
   760 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
       
   761     transition-duration: 0s;
       
   762     transition-delay: 0s;
       
   763   }
       
   764 }
       
   765 @media (min-width: 600px) {
       
   766   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
       
   767 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
       
   768     font-size: 13px;
   590     /* Override core line-height. To be reviewed. */
   769     /* Override core line-height. To be reviewed. */
   591     line-height: normal;
   770     line-height: normal;
   592     border: 1px solid #1e1e1e;
   771   }
   593     margin-left: 12px;
   772 }
   594     transition: none;
   773 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
   595     border-radius: 50%;
   774 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
   596     margin-top: 2px; }
   775   border-color: var(--wp-admin-theme-color);
   597     @media (prefers-reduced-motion: reduce) {
   776   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   598       .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"],
   777   outline: 2px solid transparent;
   599       .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] {
   778 }
   600         transition-duration: 0s; } }
   779 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
   601     @media (min-width: 600px) {
   780 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
   602       .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"],
   781   color: rgba(30, 30, 30, 0.62);
   603       .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] {
   782 }
   604         font-size: 13px;
   783 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
   605         /* Override core line-height. To be reviewed. */
   784 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
   606         line-height: normal; } }
   785   opacity: 1;
   607     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus,
   786   color: rgba(30, 30, 30, 0.62);
   608     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus {
   787 }
   609       border-color: #007cba;
   788 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
   610       border-color: var(--wp-admin-theme-color);
   789 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
   611       box-shadow: 0 0 0 0.5px #007cba;
   790   color: rgba(30, 30, 30, 0.62);
   612       box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   791 }
   613       outline: 2px solid transparent; }
   792 @media (min-width: 600px) {
   614     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder,
   793   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
   615     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder {
   794 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
   616       color: rgba(30, 30, 30, 0.62); }
   795     height: 20px;
   617     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder,
   796     width: 20px;
   618     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder {
   797   }
   619       opacity: 1;
   798 }
   620       color: rgba(30, 30, 30, 0.62); }
   799 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
   621     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder,
   800 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
   622     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder {
   801   box-sizing: inherit;
   623       color: rgba(30, 30, 30, 0.62); }
   802   width: 8px;
   624     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme
   803   height: 8px;
   625     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder {
   804   transform: translate(-7px, 7px);
   626       color: rgba(255, 255, 255, 0.65); }
   805   margin: 0;
   627     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme
   806   background-color: #fff;
   628     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder {
   807   border: 4px solid #fff;
   629       opacity: 1;
   808 }
   630       color: rgba(255, 255, 255, 0.65); }
   809 @media (min-width: 600px) {
   631     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme
   810   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
   632     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder {
   811 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
   633       color: rgba(255, 255, 255, 0.65); }
   812     transform: translate(-5px, 5px);
   634     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before,
   813   }
   635     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before {
   814 }
   636       width: 7px;
   815 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
   637       height: 7px;
   816 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
   638       margin: 8px 8px 0 0;
   817   box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
   639       background-color: #fff;
   818   outline: 2px solid transparent;
   640       border: 3px solid #fff; }
   819 }
   641       @media (min-width: 782px) {
   820 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
   642         .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before,
   821 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
   643         .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before {
   822   background: var(--wp-admin-theme-color);
   644           width: 6px;
   823   border-color: var(--wp-admin-theme-color);
   645           height: 6px;
   824 }
   646           margin: 4px 4px 0 0; } }
   825 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
   647     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus,
   826 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
   648     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus {
   827   font-weight: 600;
   649       box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba;
   828 }
   650       box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color);
   829 .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
   651       outline: 2px solid transparent; }
   830 .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
   652     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked,
   831   margin-top: 0;
   653     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked {
   832   margin-right: 32px;
   654       background: #007cba;
   833 }
   655       background: var(--wp-admin-theme-color);
   834 .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
   656       border-color: #007cba;
   835 .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
   657       border-color: var(--wp-admin-theme-color); }
   836   margin-bottom: 0;
   658   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
   837 }
   659   .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
   838 
   660     font-weight: 600; }
   839 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
   661   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
   840   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   662   .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
   841   padding: 6px 8px;
   663     margin-top: 0;
   842   box-shadow: 0 0 0 transparent;
   664     margin-right: 28px; }
   843   transition: box-shadow 0.1s linear;
   665   .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
   844   border-radius: 2px;
   666   .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
   845   border: 1px solid #757575;
   667     margin-bottom: 0; }
   846   /* Fonts smaller than 16px causes mobile safari to zoom. */
   668   .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"],
   847   font-size: 16px;
   669   .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] {
   848   /* Override core line-height. To be reviewed. */
   670     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   849   line-height: normal;
   671     padding: 6px 8px;
   850   margin-right: 36px;
   672     box-shadow: 0 0 0 transparent;
   851   margin-top: 8px;
   673     transition: box-shadow 0.1s linear;
   852 }
   674     border-radius: 2px;
   853 @media (prefers-reduced-motion: reduce) {
   675     border: 1px solid #757575;
   854   .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
   676     /* Fonts smaller than 16px causes mobile safari to zoom. */
   855     transition-duration: 0s;
   677     font-size: 16px;
   856     transition-delay: 0s;
       
   857   }
       
   858 }
       
   859 @media (min-width: 600px) {
       
   860   .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
       
   861     font-size: 13px;
   678     /* Override core line-height. To be reviewed. */
   862     /* Override core line-height. To be reviewed. */
   679     line-height: normal;
   863     line-height: normal;
   680     margin-right: 28px; }
   864   }
   681     @media (prefers-reduced-motion: reduce) {
   865 }
   682       .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"],
   866 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
   683       .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] {
   867   border-color: var(--wp-admin-theme-color);
   684         transition-duration: 0s; } }
   868   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
   685     @media (min-width: 600px) {
   869   outline: 2px solid transparent;
   686       .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"],
   870 }
   687       .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] {
   871 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
   688         font-size: 13px;
   872   color: rgba(30, 30, 30, 0.62);
   689         /* Override core line-height. To be reviewed. */
   873 }
   690         line-height: normal; } }
   874 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
   691     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus,
   875   opacity: 1;
   692     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus {
   876   color: rgba(30, 30, 30, 0.62);
   693       border-color: #007cba;
   877 }
   694       border-color: var(--wp-admin-theme-color);
   878 .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
   695       box-shadow: 0 0 0 0.5px #007cba;
   879   color: rgba(30, 30, 30, 0.62);
   696       box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   880 }
   697       outline: 2px solid transparent; }
       
   698     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder,
       
   699     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder {
       
   700       color: rgba(30, 30, 30, 0.62); }
       
   701     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder,
       
   702     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder {
       
   703       opacity: 1;
       
   704       color: rgba(30, 30, 30, 0.62); }
       
   705     .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder,
       
   706     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder {
       
   707       color: rgba(30, 30, 30, 0.62); }
       
   708     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme
       
   709     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder {
       
   710       color: rgba(255, 255, 255, 0.65); }
       
   711     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme
       
   712     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder {
       
   713       opacity: 1;
       
   714       color: rgba(255, 255, 255, 0.65); }
       
   715     .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme
       
   716     .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder {
       
   717       color: rgba(255, 255, 255, 0.65); }
       
   718 
   881 
   719 .editor-post-title {
   882 .editor-post-title {
   720   position: relative; }
   883   position: relative;
       
   884 }
       
   885 .editor-post-title .editor-post-title__input {
       
   886   display: block;
       
   887   width: 100%;
       
   888   margin: 0;
       
   889   box-shadow: none;
       
   890   background: transparent;
       
   891   transition: border 0.1s ease-out, box-shadow 0.1s linear;
       
   892   padding: 19px 0;
       
   893   word-break: keep-all;
       
   894   font-family: inherit;
       
   895   color: inherit;
       
   896   border: 1px solid transparent;
       
   897   border-right-width: 0;
       
   898   border-left-width: 0;
       
   899   border-radius: 0;
       
   900   outline: 1px solid transparent;
       
   901   font-size: 2.44em;
       
   902   font-weight: 800;
       
   903   line-height: 1.4;
       
   904 }
       
   905 @media (prefers-reduced-motion: reduce) {
   721   .editor-post-title .editor-post-title__input {
   906   .editor-post-title .editor-post-title__input {
   722     display: block;
   907     transition-duration: 0s;
   723     width: 100%;
   908     transition-delay: 0s;
   724     margin: 0;
   909   }
   725     box-shadow: none;
   910 }
   726     background: transparent;
   911 @media (min-width: 600px) {
   727     transition: border 0.1s ease-out, box-shadow 0.1s linear;
   912   .editor-post-title .editor-post-title__input {
   728     padding: 19px 0;
   913     border-width: 1px;
   729     word-break: keep-all;
   914   }
   730     font-family: inherit;
   915 }
   731     color: inherit;
   916 .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
   732     border: 1px solid transparent;
   917   color: rgba(30, 30, 30, 0.62);
   733     border-right-width: 0;
   918 }
   734     border-left-width: 0;
   919 .editor-post-title .editor-post-title__input::-moz-placeholder {
   735     border-radius: 0;
   920   color: rgba(30, 30, 30, 0.62);
   736     outline: 1px solid transparent;
   921   opacity: 1;
   737     font-size: 2.44em;
   922 }
   738     font-weight: bold;
   923 .editor-post-title .editor-post-title__input:-ms-input-placeholder {
   739     line-height: 1.4; }
   924   color: rgba(30, 30, 30, 0.62);
   740     @media (prefers-reduced-motion: reduce) {
   925 }
   741       .editor-post-title .editor-post-title__input {
   926 .is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
   742         transition-duration: 0s; } }
   927   color: rgba(255, 255, 255, 0.65);
   743     @media (min-width: 600px) {
   928 }
   744       .editor-post-title .editor-post-title__input {
   929 .is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder {
   745         border-width: 1px; } }
   930   opacity: 1;
   746     .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
   931   color: rgba(255, 255, 255, 0.65);
   747       color: rgba(30, 30, 30, 0.55); }
   932 }
   748     .editor-post-title .editor-post-title__input::-moz-placeholder {
   933 .is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder {
   749       color: rgba(30, 30, 30, 0.55); }
   934   color: rgba(255, 255, 255, 0.65);
   750     .editor-post-title .editor-post-title__input:-ms-input-placeholder {
   935 }
   751       color: rgba(30, 30, 30, 0.55); }
   936 .editor-post-title .editor-post-title__input:focus {
   752     .editor-post-title .editor-post-title__input:focus {
   937   border: 1px solid transparent;
   753       border: 1px solid transparent;
   938   outline: 1px solid transparent;
   754       outline: 1px solid transparent;
   939   box-shadow: none;
   755       box-shadow: none; }
   940 }
       
   941 .editor-post-title.is-focus-mode .editor-post-title__input {
       
   942   opacity: 0.5;
       
   943   transition: opacity 0.1s linear;
       
   944 }
       
   945 @media (prefers-reduced-motion: reduce) {
   756   .editor-post-title.is-focus-mode .editor-post-title__input {
   946   .editor-post-title.is-focus-mode .editor-post-title__input {
   757     opacity: 0.5;
   947     transition-duration: 0s;
   758     transition: opacity 0.1s linear; }
   948     transition-delay: 0s;
   759     @media (prefers-reduced-motion: reduce) {
   949   }
   760       .editor-post-title.is-focus-mode .editor-post-title__input {
   950 }
   761         transition-duration: 0s; } }
   951 .editor-post-title.is-focus-mode .editor-post-title__input:focus {
   762     .editor-post-title.is-focus-mode .editor-post-title__input:focus {
   952   opacity: 1;
   763       opacity: 1; }
   953 }
   764 
   954 
   765 .editor-post-trash.components-button {
   955 .editor-post-trash.components-button {
   766   margin-right: -6px; }
   956   margin-top: 4px;
       
   957 }
   767 
   958 
   768 .table-of-contents__popover.components-popover .components-popover__content {
   959 .table-of-contents__popover.components-popover .components-popover__content {
   769   min-width: 380px; }
   960   min-width: 380px;
       
   961 }
   770 
   962 
   771 .components-popover.table-of-contents__popover {
   963 .components-popover.table-of-contents__popover {
   772   z-index: 99998; }
   964   z-index: 99998;
       
   965 }
   773 
   966 
   774 .table-of-contents__popover .components-popover__content > div {
   967 .table-of-contents__popover .components-popover__content > div {
   775   padding: 16px; }
   968   padding: 16px;
   776 
   969 }
   777 @media (min-width: 600px) {
   970 @media (min-width: 600px) {
   778   .table-of-contents__popover .components-popover__content {
   971   .table-of-contents__popover .components-popover__content {
   779     max-height: calc(100vh - 120px);
   972     max-height: calc(100vh - 120px);
   780     overflow-y: auto; } }
   973     overflow-y: auto;
   781 
   974   }
       
   975 }
   782 .table-of-contents__popover hr {
   976 .table-of-contents__popover hr {
   783   margin: 10px -16px 0; }
   977   margin: 10px -16px 0;
       
   978 }
   784 
   979 
   785 .table-of-contents__wrapper:focus::before {
   980 .table-of-contents__wrapper:focus::before {
   786   content: "";
   981   content: "";
   787   display: block;
   982   display: block;
   788   position: absolute;
   983   position: absolute;
   789   top: 0;
   984   top: 0;
   790   left: 0;
   985   left: 0;
   791   bottom: 0;
   986   bottom: 0;
   792   right: 0;
   987   right: 0;
   793   box-shadow: inset 0 0 0 1.5px #007cba;
   988   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   794   box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); }
   989   pointer-events: none;
       
   990 }
   795 
   991 
   796 .table-of-contents__counts {
   992 .table-of-contents__counts {
   797   display: flex;
   993   display: flex;
   798   flex-wrap: wrap;
   994   flex-wrap: wrap;
   799   margin: 0; }
   995   margin: 0;
       
   996   margin-top: -8px;
       
   997 }
   800 
   998 
   801 .table-of-contents__count {
   999 .table-of-contents__count {
   802   flex-basis: 25%;
  1000   flex-basis: 33%;
   803   display: flex;
  1001   display: flex;
   804   flex-direction: column;
  1002   flex-direction: column;
   805   font-size: 13px;
  1003   font-size: 13px;
   806   color: #6c7781;
  1004   color: #1e1e1e;
   807   padding-left: 8px;
  1005   padding-left: 8px;
   808   margin-bottom: 0; }
  1006   margin-bottom: 0;
   809   .table-of-contents__count:last-child {
  1007   margin-top: 8px;
   810     padding-left: 0; }
  1008 }
       
  1009 .table-of-contents__count:nth-child(4n) {
       
  1010   padding-left: 0;
       
  1011 }
   811 
  1012 
   812 .table-of-contents__number,
  1013 .table-of-contents__number,
   813 .table-of-contents__popover .word-count {
  1014 .table-of-contents__popover .word-count {
   814   font-size: 21px;
  1015   font-size: 21px;
   815   font-weight: 400;
  1016   font-weight: 400;
   816   line-height: 30px;
  1017   line-height: 30px;
   817   color: #555d66; }
  1018   color: #1e1e1e;
       
  1019 }
   818 
  1020 
   819 .table-of-contents__title {
  1021 .table-of-contents__title {
   820   display: block;
  1022   display: block;
   821   margin-top: 20px;
  1023   margin-top: 20px;
   822   font-size: 15px;
  1024   font-size: 15px;
   823   font-weight: 600; }
  1025   font-weight: 600;
       
  1026 }
   824 
  1027 
   825 .editor-template-validation-notice {
  1028 .editor-template-validation-notice {
   826   display: flex;
  1029   display: flex;
   827   justify-content: space-between;
  1030   justify-content: space-between;
   828   align-items: center; }
  1031   align-items: center;
   829   .editor-template-validation-notice .components-button {
  1032 }
   830     margin-right: 5px; }
  1033 .editor-template-validation-notice .components-button {
       
  1034   margin-right: 5px;
       
  1035 }