[Summary view] [Print] [Text view]

   1  .editor-styles-wrapper .wp-block-navigation ul{
   2    margin-bottom:0;
   3    margin-right:0;
   4    margin-top:0;
   5    padding-right:0;
   6  }
   7  .editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{
   8    margin:revert;
   9  }
  10  
  11  .wp-block-navigation-item__label{
  12    display:inline;
  13  }
  14  .wp-block-navigation-item,.wp-block-navigation__container{
  15    background-color:inherit;
  16  }
  17  
  18  .wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{
  19    opacity:0;
  20    visibility:hidden;
  21  }
  22  
  23  .has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{
  24    display:flex;
  25    opacity:1;
  26    visibility:visible;
  27  }
  28  
  29  .is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{
  30    opacity:1;
  31    visibility:visible;
  32  }
  33  
  34  .is-editing>.wp-block-navigation__container{
  35    display:flex;
  36    flex-direction:column;
  37    opacity:1;
  38    visibility:visible;
  39  }
  40  
  41  .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{
  42    opacity:1;
  43    visibility:hidden;
  44  }
  45  .is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{
  46    visibility:visible;
  47  }
  48  
  49  .is-editing>.wp-block-navigation__submenu-container>.block-list-appender{
  50    display:block;
  51    position:static;
  52    width:100%;
  53  }
  54  .is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{
  55    background:#1e1e1e;
  56    color:#fff;
  57    margin-left:0;
  58    margin-right:auto;
  59    padding:0;
  60    width:24px;
  61  }
  62  
  63  .wp-block-navigation__submenu-container .block-list-appender{
  64    display:none;
  65  }
  66  .block-library-colors-selector{
  67    width:auto;
  68  }
  69  .block-library-colors-selector .block-library-colors-selector__toggle{
  70    display:block;
  71    margin:0 auto;
  72    padding:3px;
  73    width:auto;
  74  }
  75  .block-library-colors-selector .block-library-colors-selector__icon-container{
  76    align-items:center;
  77    border-radius:4px;
  78    display:flex;
  79    height:30px;
  80    margin:0 auto;
  81    padding:3px;
  82    position:relative;
  83  }
  84  .block-library-colors-selector .block-library-colors-selector__state-selection{
  85    border-radius:11px;
  86    box-shadow:inset 0 0 0 1px #0003;
  87    height:22px;
  88    line-height:20px;
  89    margin-left:auto;
  90    margin-right:auto;
  91    min-height:22px;
  92    min-width:22px;
  93    padding:2px;
  94    width:22px;
  95  }
  96  .block-library-colors-selector .block-library-colors-selector__state-selection>svg{
  97    min-width:auto !important;
  98  }
  99  .block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{
 100    color:inherit;
 101  }
 102  
 103  .block-library-colors-selector__popover .color-palette-controller-container{
 104    padding:16px;
 105  }
 106  .block-library-colors-selector__popover .components-base-control__label{
 107    height:20px;
 108    line-height:20px;
 109  }
 110  .block-library-colors-selector__popover .component-color-indicator{
 111    float:left;
 112    margin-top:2px;
 113  }
 114  .block-library-colors-selector__popover .components-panel__body-title{
 115    display:none;
 116  }
 117  
 118  .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{
 119    background-color:#1e1e1e;
 120    color:#fff;
 121    height:24px;
 122  }
 123  .wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{
 124    padding:0;
 125  }
 126  
 127  .wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{
 128    background-color:initial;
 129    color:#1e1e1e;
 130  }
 131  @keyframes loadingpulse{
 132    0%{
 133      opacity:1;
 134    }
 135    50%{
 136      opacity:.5;
 137    }
 138    to{
 139      opacity:1;
 140    }
 141  }
 142  .components-placeholder.wp-block-navigation-placeholder{
 143    background:none;
 144    box-shadow:none;
 145    min-height:0;
 146    outline:none;
 147    padding:0;
 148  }
 149  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{
 150    font-size:inherit;
 151  }
 152  .components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{
 153    margin-bottom:0;
 154  }
 155  .components-placeholder.wp-block-navigation-placeholder{
 156    color:inherit;
 157  }
 158  .wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{
 159    color:#1e1e1e;
 160  }
 161  
 162  .wp-block-navigation-placeholder__preview{
 163    align-items:center;
 164    display:flex;
 165    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
 166    font-size:13px;
 167    min-width:96px;
 168  }
 169  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{
 170    display:none;
 171  }
 172  .wp-block-navigation-placeholder__preview{
 173    background:#0000;
 174    color:currentColor;
 175  }
 176  .wp-block-navigation-placeholder__preview:before{
 177    border:1px dashed;
 178    border-radius:inherit;
 179    bottom:0;
 180    content:"";
 181    display:block;
 182    left:0;
 183    pointer-events:none;
 184    position:absolute;
 185    right:0;
 186    top:0;
 187  }
 188  .wp-block-navigation-placeholder__preview>svg{
 189    fill:currentColor;
 190  }
 191  
 192  .wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{
 193    min-height:90px;
 194  }
 195  
 196  .wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{
 197    min-height:132px;
 198  }
 199  
 200  .wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{
 201    align-items:flex-start;
 202    flex-direction:row;
 203    padding:6px 8px;
 204  }
 205  
 206  .wp-block-navigation-placeholder__controls{
 207    background-color:#fff;
 208    border-radius:2px;
 209    box-shadow:inset 0 0 0 1px #1e1e1e;
 210    display:none;
 211    position:relative;
 212    z-index:1;
 213  }
 214  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{
 215    display:flex;
 216  }
 217  .wp-block-navigation-placeholder__controls{
 218    float:right;
 219    width:100%;
 220  }
 221  .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{
 222    display:none;
 223  }
 224  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{
 225    align-items:flex-start;
 226    flex-direction:column;
 227  }
 228  .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{
 229    display:none;
 230  }
 231  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{
 232    height:36px;
 233    margin-left:12px;
 234  }
 235  
 236  .wp-block-navigation-placeholder__actions__indicator{
 237    align-items:center;
 238    display:flex;
 239    height:36px;
 240    justify-content:flex-start;
 241    line-height:0;
 242    margin-right:4px;
 243    padding:0 0 0 6px;
 244  }
 245  .wp-block-navigation-placeholder__actions__indicator svg{
 246    margin-left:4px;
 247    fill:currentColor;
 248  }
 249  
 250  .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{
 251    flex-direction:row !important;
 252  }
 253  
 254  .wp-block-navigation-placeholder__actions{
 255    align-items:center;
 256    display:flex;
 257    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
 258    font-size:13px;
 259    gap:6px;
 260  }
 261  .wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{
 262    margin-left:0;
 263  }
 264  .wp-block-navigation-placeholder__actions{
 265    height:100%;
 266  }
 267  .wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{
 268    background-color:#1e1e1e;
 269    border:0;
 270    height:100%;
 271    margin:auto 0;
 272    max-height:16px;
 273    min-height:1px;
 274    min-width:1px;
 275  }
 276  @media (min-width:600px){
 277    .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{
 278      display:none;
 279    }
 280  }
 281  
 282  .wp-block-navigation__responsive-container.is-menu-open{
 283    position:fixed;
 284    top:159px;
 285  }
 286  @media (min-width:782px){
 287    .wp-block-navigation__responsive-container.is-menu-open{
 288      right:36px;
 289      top:97px;
 290    }
 291  }
 292  @media (min-width:960px){
 293    .wp-block-navigation__responsive-container.is-menu-open{
 294      right:160px;
 295    }
 296  }
 297  
 298  .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
 299    top:145px;
 300  }
 301  
 302  .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
 303    right:0;
 304    top:159px;
 305  }
 306  @media (min-width:782px){
 307    .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{
 308      top:65px;
 309    }
 310  }
 311  .is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{
 312    top:113px;
 313  }
 314  
 315  body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{
 316    bottom:0;
 317    left:0;
 318    right:0;
 319    top:0;
 320  }
 321  
 322  .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
 323    color:inherit;
 324    height:auto;
 325    padding:0;
 326  }
 327  
 328  .components-heading.wp-block-navigation-off-canvas-editor__title{
 329    margin:0;
 330  }
 331  
 332  .wp-block-navigation-off-canvas-editor__header{
 333    margin-bottom:8px;
 334  }
 335  
 336  .is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{
 337    margin-top:16px;
 338  }
 339  
 340  @keyframes fadein{
 341    0%{
 342      opacity:0;
 343    }
 344    to{
 345      opacity:1;
 346    }
 347  }
 348  .wp-block-navigation__loading-indicator-container{
 349    padding:8px 12px;
 350  }
 351  
 352  .wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{
 353    margin-top:0;
 354  }
 355  
 356  @keyframes fadeouthalf{
 357    0%{
 358      opacity:1;
 359    }
 360    to{
 361      opacity:.5;
 362    }
 363  }
 364  .wp-block-navigation-delete-menu-button{
 365    justify-content:center;
 366    margin-bottom:16px;
 367    width:100%;
 368  }
 369  
 370  .components-button.is-link.wp-block-navigation-manage-menus-button{
 371    margin-bottom:16px;
 372  }
 373  
 374  .wp-block-navigation__overlay-menu-preview{
 375    align-items:center;
 376    background-color:#f0f0f0;
 377    display:flex;
 378    grid-column:span 2;
 379    height:64px !important;
 380    justify-content:space-between;
 381    padding:0 24px;
 382    width:100%;
 383  }
 384  .wp-block-navigation__overlay-menu-preview.open{
 385    background-color:#fff;
 386    box-shadow:inset 0 0 0 1px #e0e0e0;
 387    outline:1px solid #0000;
 388  }
 389  
 390  .wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{
 391    display:none;
 392  }
 393  .wp-block-navigation__navigation-selector{
 394    margin-bottom:16px;
 395    width:100%;
 396  }
 397  
 398  .wp-block-navigation__navigation-selector-button{
 399    border:1px solid;
 400    justify-content:space-between;
 401    width:100%;
 402  }
 403  
 404  .wp-block-navigation__navigation-selector-button__icon{
 405    flex:0 0 auto;
 406  }
 407  
 408  .wp-block-navigation__navigation-selector-button__label{
 409    flex:0 1 auto;
 410    overflow:hidden;
 411    text-overflow:ellipsis;
 412    white-space:nowrap;
 413  }
 414  
 415  .wp-block-navigation__navigation-selector-button--createnew{
 416    border:1px solid;
 417    margin-bottom:16px;
 418    width:100%;
 419  }
 420  
 421  .wp-block-navigation__responsive-container-open.components-button{
 422    opacity:1;
 423  }
 424  
 425  .wp-block-navigation__menu-inspector-controls{
 426    overflow-x:auto;
 427  }
 428  .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{
 429    height:12px;
 430    width:12px;
 431  }
 432  .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{
 433    background-color:initial;
 434  }
 435  .wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{
 436    background-clip:padding-box;
 437    background-color:initial;
 438    border:3px solid #0000;
 439    border-radius:8px;
 440  }
 441  .wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{
 442    background-color:#949494;
 443  }
 444  .wp-block-navigation__menu-inspector-controls{
 445    scrollbar-color:#0000 #0000;
 446    scrollbar-gutter:stable both-edges;
 447    scrollbar-width:thin;
 448  }
 449  .wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{
 450    scrollbar-color:#949494 #0000;
 451  }
 452  .wp-block-navigation__menu-inspector-controls{
 453    will-change:transform;
 454  }
 455  @media (hover:none){
 456    .wp-block-navigation__menu-inspector-controls{
 457      scrollbar-color:#949494 #0000;
 458    }
 459  }
 460  
 461  .wp-block-navigation__menu-inspector-controls__empty-message{
 462    margin-right:24px;
 463  }
 464  
 465  .editor-sidebar__panel .wp-block-navigation__submenu-header{
 466    margin-bottom:0;
 467    margin-top:0;
 468  }
 469  
 470  .wp-block-navigation__submenu-accessibility-notice{
 471    grid-column:span 2;
 472  }