52 lines
1.1 KiB
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;
|
||
|
}
|