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.144 to 7.143 From 7.155 to 7.154

From version 7.154

edited by Alex Cotiugă
on 2025/11/17 11:49

Change comment: There is no comment for this version

To version 7.144

edited by Alex Cotiugă
on 2025/11/17 09:32

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

@@ -9,10 +9,6 @@
  @shadow:       0 12px 36px rgba(0,0,0,.08);
  @maxw:         1140px;
--#mainContentArea {
--  padding: 0;
--}
--
  .agnease-landing {
    color: @text;
@@ -33,6 +33,8 @@
    .container {
      max-width: @maxw;
++    margin: 0 auto;
++    padding: 0 16px;
    }
    .lead {
@@ -104,6 +104,7 @@
        display: flex;
        flex-direction: column;
        align-items: center;
++      gap: 1rem;
      }
      .hero-cta {
@@ -185,90 +185,87 @@
    }
    /* ===== SERVICES ===== */
--  .services {
--    .services-grid {
--      margin-top: 20px;
--      display: flex;
--      flex-wrap: wrap;
--      gap: 24px;
++.services {
++  .services-grid {
++    margin-top: 20px;
++    display: flex;
++    flex-wrap: wrap;
++    gap: 24px;
--      /* center the whole block under the heading */
--      max-width: 960px;
--      margin-left: auto;
--      margin-right: auto;
++    /* center the whole block under the heading */
++    max-width: 960px;          // tweak 900–1040px to taste
++    margin-left: auto;
++    margin-right: auto;
++    justify-content: center;
++  }
++
++  .service {
++    /* 2 items per row: 50% minus half the gap so row fits in 100% */
++    flex: 0 1 calc(50% - 12px);
++    display: flex;
++    align-items: flex-start;
++    gap: 16px;
++    margin-bottom: 8px;
++
++    .service-icon {
++      width: 42px;
++      height: 42px;
++      border-radius: 50%;
++      display: flex;
++      align-items: center;
        justify-content: center;
++      font-size: 18px;
++      color: @brand;
++      background: fade(@brand, 10%);
++      flex-shrink: 0;
++      margin-top: 3px;
      }
--    .service {
--      flex: 0 1 calc(50% - 12px);
--      display: flex;
--      align-items: flex-start;
--      gap: 16px;
--      margin-bottom: 8px;
++    .service-body {
++      h4 {
++        margin: 0 0 4px;
++        font-size: 1.125rem;
++        font-weight: 800;
++      }
--      .service-icon {
--        width: 42px;
--        height: 42px;
--        border-radius: 50%;
--        display: flex;
--        align-items: center;
--        justify-content: center;
--        font-size: 18px;
--        color: @brand;
--        background: fade(@brand, 10%);
--        flex-shrink: 0;
--        margin-top: 3px;
++      p {
++        margin: 0 0 6px;
++        color: @text;
++        line-height: 1.5;
        }
--      .service-body {
--        h4 {
--          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: 13px;
--        }
--        li {
--          margin: .25rem 0;
--          line-height: 1.45;
--        }
++      ul {
++        margin: .45rem 0 0;
++        padding-left: 1.1rem;
++        color: @muted;
++        font-size: 13px;
        }
++
++      li {
++        margin: .25rem 0;
++        line-height: 1.45;
++      }
      }
++  }
--    /* ==== Center last item on its own row while keeping 50% width ==== */
--    .service-center {
--      /* same width as siblings */
--      flex: 0 1 calc(55% - 12px);
++  /* Last item when count is odd: full-width on its own row */
++  .service-center {
++    flex: 0 1 100%;
++  }
--      /* push to center */
--      margin-left: auto;
--      margin-right: auto;
++  /* Mobile: 1 per row */
++  @media (max-width: 767px) {
++    .services-grid {
++      gap: 16px;
++      max-width: 100%;
      }
--    /* Mobile: 1 per row */
--    @media (max-width: 767px) {
--      .services-grid {
--        gap: 16px;
--        max-width: 100%;
--      }
--
--      .service,
--      .service-center {
--        flex: 0 1 100%;
--        margin-left: 0;
--        margin-right: 0;
--      }
++    .service,
++    .service-center {
++      flex: 0 1 100%;
      }
    }
++}
    /* ===== CTA ===== */
    .cta-section {