@digdir/designsystemet-css/dist/src/pagination.css

CSS for Designsystemet

.ds-pagination{--dsc-pagination-gap:var(--ds-size-2);--dsc-pagination-icon-size:var(--ds-size-6);--dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}.ds-pagination :is(ol,ul){align-items:center;flex-wrap:wrap;gap:var(--dsc-pagination-gap);list-style:none;margin:0;padding:0}:is(.ds-pagination :is(ol,ul)):not([hidden]){display:flex}:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:currentcolor;content:"";height:var(--dsc-pagination-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-pagination-icon-url);mask:center/contain no-repeat var(--dsc-pagination-icon-url);order:1;width:var(--dsc-pagination-icon-size)}@media (forced-colors:active){:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:LinkText}}:is(.ds-pagination :is(ol,ul))>li:first-child>:before{order:0;rotate:180deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:0deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:last-child>:before{rotate:180deg}:is(.ds-pagination :is(ol,ul))>li:empty:before{content:"\2026";display:block;min-width:var(--ds-size-12);text-align:center}