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