diff --git a/application/asset/css/page-blocks.css b/application/asset/css/page-blocks.css index 963f5715f..2f7d1b97d 100644 --- a/application/asset/css/page-blocks.css +++ b/application/asset/css/page-blocks.css @@ -1 +1 @@ -.blocks-inner:after{content:"";display:block;clear:both}.block-layout-background-image-position-y-top{background-position-y:top}.block-layout-background-image-position-y-center{background-position-y:center}.block-layout-background-image-position-y-bottom{background-position-y:bottom}.block-layout-background-image-position-x-left{background-position-x:left}.block-layout-background-image-position-x-center{background-position-x:center}.block-layout-background-image-position-x-right{background-position-x:right}.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:20%}.page-layout-normal .block-layout-alignment-block-right:after,.page-layout-normal .block-layout-alignment-block-left:after{content:"";display:block;clear:both}.block-layout-alignment-block-left .item.resource:not(:last-child),.block-layout-alignment-block-right .item.resource:not(:last-child){margin-bottom:24px}.block-layout-alignment-block-left.media-embed.layout-horizontal .item.resource:not(:only-child),.block-layout-alignment-block-right.media-embed.layout-horizontal .item.resource:not(:only-child){margin-right:24px}.block-layout-alignment-block-left .item.resource .media-render:not(:last-child),.block-layout-alignment-block-right .item.resource .media-render:not(:last-child){margin-bottom:6px}.block-layout-alignment-block-left .item.resource .media-render a,.block-layout-alignment-block-right .item.resource .media-render a{display:block}.block-layout-alignment-block-left .item.resource audio,.block-layout-alignment-block-left .item.resource canvas,.block-layout-alignment-block-left .item.resource video,.block-layout-alignment-block-left .item.resource progress,.block-layout-alignment-block-left .item.resource img,.block-layout-alignment-block-right .item.resource audio,.block-layout-alignment-block-right .item.resource canvas,.block-layout-alignment-block-right .item.resource video,.block-layout-alignment-block-right .item.resource progress,.block-layout-alignment-block-right .item.resource img{max-width:100%;vertical-align:bottom}.page-layout-normal .block.block-layout-alignment-block-left{float:left;clear:left;margin:0 1rem 1rem 0}.page-layout-normal .block.block-layout-alignment-block-right{float:right;clear:right;margin:0 0 1rem 1rem}.page-layout-normal .block.block-layout-alignment-block-left+.block,.page-layout-normal .block.block-layout-alignment-block-right+.block{margin-top:0}.page-layout-normal .block.block-layout-alignment-block-center{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem auto;clear:both}.page-layout-normal .block.block-layout-alignment-block-center .item:only-child{width:100%}.block-layout-alignment-block-left .item.resource>a:first-child,.block-layout-alignment-block-right .item.resource>a:first-child{vertical-align:top}.block-layout-alignment-block-left .item.resource>h3,.block-layout-alignment-block-right .item.resource>h3{margin:0}.block-layout-alignment-block-left .item.resource+p,.block-layout-alignment-block-right .item.resource+p{margin-top:0}.block-layout-alignment-text-right{text-align:right}.block-layout-alignment-text-center{text-align:center}.block-layout-alignment-text-justify{text-align:justify}.block-layout-background-image-size-cover,.block-layout-background-image-size-contain{background-repeat:no-repeat}.block-layout-background-image-size-cover{background-size:cover}.block-layout-background-image-size-contain{background-size:contain}.media-embed .resource{display:inline-block;max-width:100%}.media-embed.attachment-count-1{width:100% !important}.media-embed.layout-vertical:not(.attachment-count-1){display:grid}.media-embed.layout-horizontal.attachment-count-2{--grid-column-count: 2}.media-embed.layout-horizontal.attachment-count-3{--grid-column-count: 3}.media-embed.layout-horizontal.multiple-attachments{--grid-column-count: 4}.media-embed.layout-horizontal{--grid-item--min-width: 150px;--grid-layout-gap: 24px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));grid-gap:var(--grid-layout-gap);width:100vw;max-width:100%;align-items:center}.media-embed.layout-horizontal.multiple-attachments .item.resource{margin-bottom:0}.media-embed .resource{vertical-align:top}.media-embed .resource:not(:last-child){margin-bottom:24px}.media-embed .resource h3{font-size:1rem;line-height:1.5rem;margin:.5rem 0 0}.media-embed .resource:not(:only-child) img{width:auto;vertical-align:top;margin-bottom:0}.media-embed .resource .iiif_presentation{width:100vw;max-width:100%}.media-embed .resource .media-render>a:not(:only-child){margin-bottom:6px}.media-embed .resource .caption{font-size:.875rem;line-height:1.5rem}.media-embed .resource .caption *{margin:0 0 1rem 0}.media-embed .resource .caption>*:last-child{margin-bottom:0}.media-embed .resource .media-render img,.media-embed .resource .media-render video,.media-embed .resource .media-render audio{max-width:100%;height:auto}.media-embed .resource audio{width:100%}.media-render iframe,.block-oembed iframe{max-width:100% !important}.break{width:100%;clear:both;border-bottom:1px solid #dfdfdf;padding-bottom:-1px;margin:1rem 0}.break.transparent{border-color:transparent}.break.opaque{border-color:#dfdfdf}.preview-block:after{content:"";display:block;clear:both}.toc-block>ul{margin:1rem 0;list-style-type:none;border-left:5px solid #dfdfdf}.toc-block>ul>li{margin-bottom:.5rem}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"—";color:#dfdfdf}.item-with-metadata:after{content:"";display:block;clear:both}.item-with-metadata .show.resource{margin:0}.block-listOfSites .site-list{container-type:inline-size}.block-listOfSites .site-list .site{margin-bottom:.5rem;display:flex}.block-listOfSites .site-list .site:after{content:"";display:block;clear:both}.block-listOfSites .site-list .site-thumbnail{flex:0 0 auto}.block-listOfSites .site-list .site-link{display:inline-block;font-size:1.25rem;margin-bottom:.25rem}.block-listOfSites .site-list .site-summary{margin:0 0 .25rem 0;line-height:20px}.block-listOfSites .site-list .site-thumbnail-image{max-height:72px;margin-right:1rem}@container (max-width: 300px){.block-listOfSites .site-list .site{flex-wrap:wrap}}.block-listOfSites .pagination{width:auto;margin:0 0 24px;flex-wrap:wrap}.block-listOfSites .pagination>*{margin-bottom:6px}.assets .asset,.assets .asset img{max-width:100%;height:auto}.assets .asset:not(:last-child){margin-bottom:1rem}.assets .link-title{display:block;font-size:1.25rem;font-weight:bold}.page-layout-normal .block{margin:1rem 0}.block-pageTitle.has-background h2{margin:0}.page-date-time .property{font-weight:bold}.page-date-time>div{display:inline-block;margin:0}.page-date-time .property,.page-date-time .value{display:inline}.page-date-time>div{margin-right:1rem}.block-blockGroup:after{content:"";display:block;clear:both}.block-html.has-background>*:first-child{margin-top:0}.block-html.has-background>*:last-child{margin-bottom:0}@media screen and (max-width: 640px){.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:40%}} \ No newline at end of file +.blocks-inner:after{content:"";display:block;clear:both}.block-layout-background-image-position-y-top{background-position-y:top}.block-layout-background-image-position-y-center{background-position-y:center}.block-layout-background-image-position-y-bottom{background-position-y:bottom}.block-layout-background-image-position-x-left{background-position-x:left}.block-layout-background-image-position-x-center{background-position-x:center}.block-layout-background-image-position-x-right{background-position-x:right}.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:20%}.page-layout-normal .block-layout-alignment-block-right:after,.page-layout-normal .block-layout-alignment-block-left:after{content:"";display:block;clear:both}.block-layout-alignment-block-left .item.resource:not(:last-child),.block-layout-alignment-block-right .item.resource:not(:last-child){margin-bottom:24px}.block-layout-alignment-block-left.media-embed.layout-horizontal .item.resource:not(:only-child),.block-layout-alignment-block-right.media-embed.layout-horizontal .item.resource:not(:only-child){margin-right:24px}.block-layout-alignment-block-left .item.resource .media-render:not(:last-child),.block-layout-alignment-block-right .item.resource .media-render:not(:last-child){margin-bottom:6px}.block-layout-alignment-block-left .item.resource .media-render a,.block-layout-alignment-block-right .item.resource .media-render a{display:block}.block-layout-alignment-block-left .item.resource audio,.block-layout-alignment-block-left .item.resource canvas,.block-layout-alignment-block-left .item.resource video,.block-layout-alignment-block-left .item.resource progress,.block-layout-alignment-block-left .item.resource img,.block-layout-alignment-block-right .item.resource audio,.block-layout-alignment-block-right .item.resource canvas,.block-layout-alignment-block-right .item.resource video,.block-layout-alignment-block-right .item.resource progress,.block-layout-alignment-block-right .item.resource img{max-width:100%;vertical-align:bottom}.page-layout-normal .block.block-layout-alignment-block-left{float:left;clear:left;margin:0 1rem 1rem 0}.page-layout-normal .block.block-layout-alignment-block-right{float:right;clear:right;margin:0 0 1rem 1rem}.page-layout-normal .block.block-layout-alignment-block-left+.block,.page-layout-normal .block.block-layout-alignment-block-right+.block{margin-top:0}.page-layout-normal .block.block-layout-alignment-block-center{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem auto;clear:both}.page-layout-normal .block.block-layout-alignment-block-center .item:only-child{width:100%}.block-layout-alignment-block-left .item.resource>a:first-child,.block-layout-alignment-block-right .item.resource>a:first-child{vertical-align:top}.block-layout-alignment-block-left .item.resource>h3,.block-layout-alignment-block-right .item.resource>h3{margin:0}.block-layout-alignment-block-left .item.resource+p,.block-layout-alignment-block-right .item.resource+p{margin-top:0}.block-layout-alignment-text-right{text-align:right}.block-layout-alignment-text-center{text-align:center}.block-layout-alignment-text-justify{text-align:justify}.block-layout-background-image-size-cover,.block-layout-background-image-size-contain{background-repeat:no-repeat}.block-layout-background-image-size-cover{background-size:cover}.block-layout-background-image-size-contain{background-size:contain}.media-embed .resource{display:inline-block;max-width:100%}.media-embed.attachment-count-1{width:100% !important}.media-embed.layout-vertical:not(.attachment-count-1){display:grid}.media-embed.layout-horizontal.attachment-count-2{--grid-column-count: 2}.media-embed.layout-horizontal.attachment-count-3{--grid-column-count: 3}.media-embed.layout-horizontal.multiple-attachments{--grid-column-count: 4}.media-embed.layout-horizontal{--grid-item--min-width: 150px;--grid-layout-gap: 24px;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));display:grid;grid-template-columns:repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));grid-gap:var(--grid-layout-gap);width:100vw;max-width:100%;align-items:center}.media-embed.layout-horizontal.multiple-attachments .item.resource{margin-bottom:0}.media-embed .resource{vertical-align:top}.media-embed .resource:not(:last-child){margin-bottom:24px}.media-embed .resource h3{font-size:1rem;line-height:1.5rem;margin:.5rem 0 0}.media-embed .resource:not(:only-child) img{width:auto;vertical-align:top;margin-bottom:0}.media-embed .resource .iiif_presentation{width:100vw;max-width:100%}.media-embed .resource .media-render>a:not(:only-child){margin-bottom:6px}.media-embed .resource .caption{font-size:.875rem;line-height:1.5rem}.media-embed .resource .caption *{margin:0 0 1rem 0}.media-embed .resource .caption>*:last-child{margin-bottom:0}.media-embed .resource .media-render img,.media-embed .resource .media-render video,.media-embed .resource .media-render audio{max-width:100%;height:auto}.media-embed .resource audio{width:100%}.media-render iframe,.block-oembed iframe{max-width:100% !important}.break{width:100%;clear:both;border-bottom:1px solid #dfdfdf;padding-bottom:-1px;margin:1rem 0}.break.transparent{border-color:transparent}.break.opaque{border-color:#dfdfdf}.preview-block:after{content:"";display:block;clear:both}.toc-block>ul{margin:1rem 0;list-style-type:none;border-left:5px solid #dfdfdf}.toc-block>ul>li{margin-bottom:.5rem}.toc-block>ul>li>a{font-weight:bold}.toc-block ul ul{list-style-type:none;padding-left:0}.toc-block ul ul ul{padding-left:1.25em}.toc-block ul ul li:before{content:"—";color:#dfdfdf}.item-with-metadata:after{content:"";display:block;clear:both}.item-with-metadata .show.resource{margin:0}.block-listOfSites .site-list{container-type:inline-size}.block-listOfSites .site-list .site{margin-bottom:.5rem;display:flex}.block-listOfSites .site-list .site:after{content:"";display:block;clear:both}.block-listOfSites .site-list .site-thumbnail{flex:0 0 auto}.block-listOfSites .site-list .site-link{display:inline-block;font-size:1.25rem;margin-bottom:.25rem}.block-listOfSites .site-list .site-summary{margin:0 0 .25rem 0;line-height:20px}.block-listOfSites .site-list .site-thumbnail-image{max-height:72px;margin-right:1rem}@container (max-width: 300px){.block-listOfSites .site-list .site{flex-wrap:wrap}}.block-listOfSites .pagination{width:auto;margin:0 0 24px;display:flex;flex-wrap:wrap;align-items:center}.block-listOfSites .pagination>*{margin-bottom:6px}.assets .asset,.assets .asset img{max-width:100%;height:auto}.assets .asset:not(:last-child){margin-bottom:1rem}.assets .link-title{display:block;font-size:1.25rem;font-weight:bold}.page-layout-normal .block{margin:1rem 0}.block-pageTitle.has-background h2{margin:0}.page-date-time .property{font-weight:bold}.page-date-time>div{display:inline-block;margin:0}.page-date-time .property,.page-date-time .value{display:inline}.page-date-time>div{margin-right:1rem}.block-blockGroup:after{content:"";display:block;clear:both}.block-html.has-background>*:first-child{margin-top:0}.block-html.has-background>*:last-child{margin-bottom:0}@media screen and (max-width: 640px){.page-layout-normal .block-layout-alignment-block-right,.page-layout-normal .block-layout-alignment-block-left{max-width:40%}} \ No newline at end of file diff --git a/application/asset/sass/page-blocks.scss b/application/asset/sass/page-blocks.scss index ab142376e..f654e03f8 100644 --- a/application/asset/sass/page-blocks.scss +++ b/application/asset/sass/page-blocks.scss @@ -334,7 +334,9 @@ .block-listOfSites .pagination { width: auto; margin: 0 0 $spacing-large; + display: flex; flex-wrap: wrap; + align-items: center; & > * { margin-bottom: $spacing-small;