0 Votes

Changes for page Home

Last modified by Alex Cotiugă on 2026/01/13 13:12

Manage
- Copy
Actions
- Export
- Print Preview
Viewers
- Source
- Children
- Content
- Comments
- Attachments
- History
- Information
- Likes

From 7.56 to 7.57 From 7.66 to 7.67

From version 7.57

edited by Alex Cotiugă
on 2025/11/13 12:51

Change comment: There is no comment for this version

To version 7.66

edited by Alex Cotiugă
on 2025/11/13 13:12

Change comment: There is no comment for this version

Raw
Rendered

Summary

Objects (1 modified, 0 added, 0 removed)
- XWiki.StyleSheetExtension[0]

Details

XWiki.StyleSheetExtension[0]

Code

@@ -179,113 +179,98 @@
    }
    /* SERVICES */
-- .services {
--    h2 {
--      margin: 0 0 .3rem;
--      /* rely on global heading sizing */
--    }
++ .services-grid {
++    display: grid;
++    grid-template-columns: repeat(2, minmax(0, 1fr));
++    column-gap: 36px;
++    row-gap: 32px;
++  }
--    .services-sub {
--      margin: 0 0 1.75rem;
--      color: @muted;
++  .services-grid > article.service {
++    display: grid;
++    grid-template-columns: 48px 1fr;
++    gap: 16px;
++    padding: 18px 0;
++    border-top: 1px solid @line;
++
++    /* first row: no top border */
++    &:nth-of-type(-n + 2) {
++      border-top: none;
      }
--    /* Grid: two columns, last item spans both */
--    .services-grid {
--      display: grid;
--      grid-template-columns: repeat(2, minmax(0, 1fr));
--      column-gap: 36px;
--      row-gap: 32px;
++    > i {
++      width: 42px;
++      height: 42px;
++      border-radius: 50%;
++      display: flex;
++      align-items: center;
++      justify-content: center;
++      font-size: 18px;
++      color: @brand;
++      background: fade(@brand, 10%);
++      margin-top: 3px;
      }
--    .service {
--      display: grid;
--      grid-template-columns: 48px 1fr;
--      gap: 16px;
--      padding: 18px 0;
--      border-top: 1px solid @line;
--
--      /* first row: no top border */
--      &:nth-of-type(-n + 2) {
--        border-top: none;
++    .body {
++      h4 {
++        margin: 0 0 4px;
++        font-size: 1.125rem;
++        font-weight: 800;
        }
--
--      /* icon badge */
--      > i {
--        width: 42px;
--        height: 42px;
--        border-radius: 50%;
--        display: flex;
--        align-items: center;
--        justify-content: center;
--        font-size: 18px;
--        color: @brand;
--        background: fade(@brand, 10%);
--        margin-top: 3px;
++      p {
++        margin: 0 0 6px;
++        color: @text;
++        line-height: 1.5;
        }
--
--      .body {
--        h3 {
--          margin: 0 0 4px;
--          font-size: 1.125rem;
--          font-weight: 800;
--        }
--
--        p {
--          margin: 0 0 6px;
--          color: @text;
--          line-height: 1.5;
--        }
--
--        ul {
--          margin: .45rem 0 0;
--          padding-left: 1.1rem;
--          color: @muted;
--          font-size: .95rem;
--        }
--
--        li {
--          margin: .25rem 0;
--          line-height: 1.45;
--        }
++      ul {
++        margin: .45rem 0 0;
++        padding-left: 1.1rem;
++        color: @muted;
++        font-size: .95rem;
        }
--
--      /* last item (Migrations): centered single row */
--      &.service--center {
--        grid-column: 1 / -1;
--        max-width: 680px;
--        justify-self: center;
--        border-top: 1px solid @line; // always show a separator above it
++      li {
++        margin: .25rem 0;
++        line-height: 1.45;
        }
      }
++  }
--    /* Responsive */
--    @media (max-width: 760px) {
--      .services-grid {
--        grid-template-columns: 1fr;
--        row-gap: 20px;
--      }
++  /* If there is an odd number of services, center the last one */
++  .services-grid > article.service:nth-last-child(1):nth-child(odd) {
++    grid-column: 1 / -1;
++    max-width: 680px;
++    justify-self: center;
++  }
--      .service {
--        grid-template-columns: 40px 1fr;
++  /* Responsive */
++  @media (max-width: 760px) {
++    .services-grid {
++      grid-template-columns: 1fr;
++      row-gap: 20px;
++    }
--        /* on mobile only the first service has no top border */
--        &:nth-of-type(1) {
--          border-top: none;
--        }
++    .services-grid > article.service {
++      grid-template-columns: 40px 1fr;
--        > i {
--          width: 36px;
--          height: 36px;
--          font-size: 16px;
--        }
++      &:nth-of-type(1) {
++        border-top: none;
++      }
--        &.service--center {
--          max-width: 100%;
--        }
++      > i {
++        width: 36px;
++        height: 36px;
++        font-size: 16px;
        }
      }
++
++    /* On mobile, just stack normally */
++    .services-grid > article.service:nth-last-child(1):nth-child(odd) {
++      grid-column: auto;
++      max-width: 100%;
++      justify-self: stretch;
++    }
    }
++
    /* METRICS */
    .metrics {
      display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr);