WordPress/wp-includes/blocks/query/style.css

52 lines
1.1 KiB
CSS

.wp-block-query__enhanced-pagination-animation{
background-color:var(--wp--preset--color--primary, #000);
height:4px;
left:0;
margin:0;
max-width:100vw !important;
opacity:0;
padding:0;
position:fixed;
top:0;
width:100vw;
}
.wp-block-query__enhanced-pagination-animation.start-animation{
animation:wp-block-query__enhanced-pagination-start-animation 30s cubic-bezier(.03, .5, 0, 1) forwards;
}
.wp-block-query__enhanced-pagination-animation.finish-animation{
animation:wp-block-query__enhanced-pagination-finish-animation .3s ease-in;
}
@keyframes wp-block-query__enhanced-pagination-start-animation{
0%{
opacity:1;
transform:scaleX(0);
transform-origin:0 0;
}
to{
opacity:1;
transform:scaleX(1);
transform-origin:0 0;
}
}
@keyframes wp-block-query__enhanced-pagination-finish-animation{
0%{
opacity:1;
}
50%{
opacity:1;
}
to{
opacity:0;
}
}
.wp-block-query__enhanced-pagination-navigation-announce{
clip:rect(0, 0, 0, 0);
border:0;
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
}