wp/wp-includes/blocks/navigation/style-rtl.css
changeset 22 8c2e4d02f4ef
parent 21 48c4eec2b7e6
equal deleted inserted replaced
21:48c4eec2b7e6 22:8c2e4d02f4ef
    97   opacity:0;
    97   opacity:0;
    98   overflow:hidden;
    98   overflow:hidden;
    99   position:absolute;
    99   position:absolute;
   100   right:-1px;
   100   right:-1px;
   101   top:100%;
   101   top:100%;
   102   transition:opacity .1s linear;
       
   103   visibility:hidden;
   102   visibility:hidden;
   104   width:0;
   103   width:0;
   105   z-index:2;
   104   z-index:2;
       
   105 }
       
   106 @media not (prefers-reduced-motion){
       
   107   .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
       
   108     transition:opacity .1s linear;
       
   109   }
   106 }
   110 }
   107 .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
   111 .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
   108   display:flex;
   112   display:flex;
   109   flex-grow:1;
   113   flex-grow:1;
   110 }
   114 }
   280 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
   284 .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
   281   background-color:inherit !important;
   285   background-color:inherit !important;
   282   color:inherit !important;
   286   color:inherit !important;
   283 }
   287 }
   284 .wp-block-navigation__responsive-container.is-menu-open{
   288 .wp-block-navigation__responsive-container.is-menu-open{
   285   animation:overlay-menu__fade-in-animation .1s ease-out;
       
   286   animation-fill-mode:forwards;
       
   287   background-color:inherit;
   289   background-color:inherit;
   288   display:flex;
   290   display:flex;
   289   flex-direction:column;
   291   flex-direction:column;
   290   overflow:auto;
   292   overflow:auto;
   291   padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20em) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   293   padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem);
   292   z-index:100000;
   294   z-index:100000;
   293 }
   295 }
   294 @media (prefers-reduced-motion:reduce){
   296 @media not (prefers-reduced-motion){
   295   .wp-block-navigation__responsive-container.is-menu-open{
   297   .wp-block-navigation__responsive-container.is-menu-open{
   296     animation-delay:0s;
   298     animation:overlay-menu__fade-in-animation .1s ease-out;
   297     animation-duration:1ms;
   299     animation-fill-mode:forwards;
   298   }
   300   }
   299 }
   301 }
   300 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
   302 .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
   301   align-items:var(--navigation-layout-justification-setting, inherit);
   303   align-items:var(--navigation-layout-justification-setting, inherit);
   302   display:flex;
   304   display:flex;