Skip to Content

Changes for page Public Web Site

Last modified by Agnease on 2026/05/30 16:24
From version 13.2
edited by Agnease
on 2026/05/23 18:53
Change comment: There is no comment for this version
To version 13.5
edited by Agnease
on 2026/05/26 09:03
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
code
... ... @@ -369,6 +369,13 @@
369 369   flex-direction: column;
370 370   min-height: 100%;
371 371  
372 + .card-heading {
373 + display: flex;
374 + align-items: center;
375 + gap: 14px;
376 + margin-bottom: 14px;
377 + }
378 +
372 372   .pathway-icon {
373 373   width: 52px;
374 374   height: 52px;
... ... @@ -378,12 +378,12 @@
378 378   justify-content: center;
379 379   color: @brand;
380 380   background: fade(@brand, 10%);
381 - margin-bottom: 18px;
382 382   font-size: 19px;
389 + flex-shrink: 0;
383 383   }
384 384  
385 385   h3 {
386 - margin: 0 0 10px;
393 + margin: 0;
387 387   color: @text;
388 388   font-size: 22px;
389 389   line-height: 1.25;
... ... @@ -1229,25 +1229,41 @@
1229 1229  }
1230 1230  
1231 1231  /* ========== Resources Index ========== */
1232 -
1233 1233  .resources-index-page {
1234 1234   background: #fff;
1235 1235  
1236 - .services-grid {
1242 + /* Resources index: show cards in rows of 2, center the last one if alone */
1243 + .resources-grid {
1244 + display: grid;
1237 1237   grid-template-columns: repeat(2, minmax(0, 1fr));
1246 + justify-content: center;
1247 + align-items: stretch;
1238 1238   }
1239 -}
1240 1240  
1241 -@media (max-width: 980px) {
1242 - .resources-index-page {
1243 - .services-grid {
1244 - grid-template-columns: 1fr;
1245 - }
1250 + .resources-grid .resource-card {
1251 + height: 100%;
1246 1246   }
1253 +
1254 + .resources-grid .resource-card:last-child:nth-child(odd) {
1255 + grid-column: 1 / -1;
1256 + max-width: calc(50% - 12px);
1257 + justify-self: center;
1258 + }
1247 1247  }
1248 1248  
1261 +/* Keep 2 columns on tablets. Only switch to 1 column on smaller mobile screens. */
1249 1249  @media (max-width: 767px) {
1250 1250   .resources-index-page {
1251 1251   padding: @section-padding-mobile;
1265 +
1266 + .resources-grid {
1267 + grid-template-columns: 1fr;
1268 + }
1269 +
1270 + .resources-grid .resource-card:last-child:nth-child(odd) {
1271 + grid-column: auto;
1272 + max-width: none;
1273 + justify-self: stretch;
1274 + }
1252 1252   }
1253 1253  }