WordPress/wp-includes/blocks/query/style.css
hellofromTonya 8dfcdc8088 Editor: 2nd update of npm packages for 6.4 RC3.
This second update for RC3 includes the following fixes:

* [https://github.com/WordPress/gutenberg/pull/55724 Update label for lightbox editor UI] - string change.
* [https://github.com/WordPress/gutenberg/pull/55720 Query: Require queryId for enhanced pagination to prevent PHP notices] and warnings.
* [https://github.com/WordPress/gutenberg/pull/55714 Query block enhanced pagination: Detect inner plugin blocks during render] - which avoids turning off enhanced pagination in TT4, includes string changes.
* [https://github.com/WordPress/gutenberg/pull/55309 Query Loop block: Reuse existing screen-reader-text CSS class for the enhanced pagination aria-live region].

Follow up to [57034], [56987], [56961], [56849], [56818], [56816].

Props afercia, aristath, artemiosans, czapla, darerodz, glendaviesnz, hellofromTonya, jameskoster, joen, luisherranz, mikachan, ocean90, peterwilsoncc, ramonopoly, rajinsharwar, swissspidy.
Fixes #59411.
Built from https://develop.svn.wordpress.org/trunk@57048


git-svn-id: http://core.svn.wordpress.org/trunk@56559 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-11-01 17:49:17 +00:00

42 lines
922 B
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;
}
}